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

关于<form>,有不太理解的地方,请高手指点

<form    method="post"   action="save.php">
       <label for="username">用户名:</label>
       <input type="text" name="username" />
       <label for="pass">密码:</label>
       <input type="password" name="pass" />
</form>

加下划线部分,他们之间的关系我有些不太理解,

我试过,当这两个地方的命名不一样时,似乎也看不出有什么问题

提问者:qq_水天彩丝_0 2016-02-17 15:25

个回答

  • 小王子的Journey
    2016-02-17 15:45:54

    定义和用法:

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

    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。

    如果您在 label 元素内点击文本,就会触发此控件。

    就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

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

    注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。


  • Never_Change_You
    2016-02-17 15:40:14

    这两个地方命名一样时,你点网页 用户名 的时候,就会获取到输入框的光标;命名不一样时,点 用户名 ,没有任何反映。密码也一样

  • 稀土_2015
    2016-02-17 15:34:00

    表示将label和username关联,这样子鼠标单击label效果就跟单击username的控件一样

    否则单击label无任何相应