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

下面两段代码有什么区别？

1、

<form method="post" action="save.php">
   
用户名:<input type="text"  name="username" id="username" value="" />
</br>
密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password"  name="pass" id="pass" value="" /> 
</br>
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form> 

2、<form method="post" action="save.php">
   
用户名:<input type="text"  name="username" id="username" value="" />
      <label for="pass">密码:</label>
      <input type="password"  name="pass" id="pass" value="" />   
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form> 

提问者：Pdudu 2016-01-25 16:15

个回答

  • 幻城之雪
    2016-01-25 16:46:02

    <label for="pass">密码:</label>点击密码就能对应到密码输入框

    密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password"  name="pass" id="pass" value="" />  此处是标签加输入框

    0
  • jiuge1125
    2016-01-25 16:35:48

    3楼说的对，<label>是H5新加入的控件标签，附带慕课网教程地址一枚http://www.imooc.com/code/3319


    1
  • qq_不完整的旋律_2
    2016-01-25 16:28:53

     <label for="pass">密码:</label>  这行 ，你点击密码两个字也能对应到密码输入那个框 

    1
  • 黑豆0
    2016-01-25 16:22:46

    上面的有空格

    0
  • 克里
    2016-01-25 16:21:50

    具体实现没有不同，不过第二段的label标签的for属性绑定了pass输入框，产生的效果是点击密码两个字会激活密码输入框

    1