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

来源:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

Pdudu

2016-01-25 16:15

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> 

写回答 关注

5回答

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

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

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

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

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


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

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

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

    上面的有空格

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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题