问答详情
源自:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

关于form几个问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>表格</title>

</head>

<body>

<form method="post" action="save.php">

       <label for="uesrname">用户名</label>

  <input type="test" name="username" id="username" value="" />

  <label for="password">密码</label>

  <input type="password" name="pass" id="pass" value="" />

  <input type="submit" value="确定" name="submit" />

  <input type="reset" value="重置" name="reset" />

</form>

</body>

</html>

有几个问题,麻烦大神解答一下

1:这是我用DW8敲出来的代码,但是周围出现了红色框框,请问哪里错了。

2:为何用户名和密码需要label for符号,而确定和重置不需要?

3:form method="post"和action:”save.php“这2个代码分别是什么意思

4:为何用户名和密码的value后面是空的”“

提问者:慕粉3982119 2016-09-20 21:17

个回答

  • 车程一
    2016-09-20 21:47:33
    已采纳

    回答第二个问题,<label>标签的作用是为了使得点击label中文字的时候,浏览器会自动把焦点转到相应的input上,比较方面,跟直接点击input一样。label for后面一般跟的是input 标签里的id或者name。 如:

    <label for="username">用户名</label> <input type="text" name="username"  这里如果我label for后面没有跟这个username, 那它和input就无法连接起来。input代表的是一个控件。 而确定和重置不用是因为你不用输入文本,只需要向服务器提交这样一个信息,所以只需要一个控件input。如<input type="submit" value="提交"/>这里面input type 的值是定义了这个控件的功能是提交。 而value的值就是你在前端也就是网页上面看到的的名字。

    form method="post"和action:”save.php“  method是传输文件的方式,get是用来从服务器上获得数据,而post是用来向服务器上传递数据,而且get方法会把获取的数据也显示到地址栏出,不安全,比如输入用户名和密码就会在网址后面显示出来。 而action 是你要提交到后台的那个文件夹。  在你设置用户名和密码框时,你键入value的值就是他们的默认值。 比如你设置了value的值为 123456.  那么文本框里面就会默认有123456. 你可以去试一下

  • 黑山头山大王
    2016-09-20 21:37:03

    1、哪里周围出现红色框框?

    2、用户名和密码加上label for 就是点击“用户名”、“密码”这两个范围的时候也可以选中后面的文本框,呈现待输入状态,不加for就没这效果

    3、form method="post";数据传输方式;save.php:输入的数据被传送到的地方

    4、此处的value是给传送的用户名和密码命名,什么名都无所谓,只要后端程序猿清楚就行了!

  • 雨夜星辰0
    2016-09-20 21:31:47

    <label> 标签为 input 元素定义标注(标记)。

    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

    <label> 标签的 for 属性应当与相关元素的 id 属性相同。

    get是直接在当前页面显示,post是在另一个页面显示

  • qq_嘚瑟的小情绪_0
    2016-09-20 21:31:03

    问题1:没有看到有红色框框。

    问题2:label加上for属性是为了使得点击label中文字的时候,浏览器会自动把焦点转到相应的input上,比较方面,跟直接点击input一样。

    问题3:get是用来从服务器上获得数据,而post是用来向服务器上传递数据,而且get方法会把获取的数据也显示到地址栏出,不安全,比如输入用户名和密码就会在网址后面显示出来。

    问题4:这个value处可以加上提示性的文字,也不可以不加。

    希望可以帮助到你,也希望我们可以互相帮助,共同成长。