问答详情
源自:6-2 先来填用户名和密码 - 文本输入框、密码输入框

两种姓名和密码的书写方式有什么本质的不同吗

<form>
姓名:
<input type="text" name="myName">
<br/>
密码:
<input type="password" name="pass">
</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>

提问者:Refactor易先生 2015-10-02 19:32

个回答

  • pardon110
    2015-10-03 12:12:04
    已采纳

    没有本质上的不同,如果说有区别,后者用了lable标签,但lable标签你用错了,不会有任何效果。

    其定义和用法:

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

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

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


  • edward_zpq
    2015-10-21 20:30:30

    首先为什么“用户名:”用<label>标签包住?label标签的作用?

           <label for="username">用户名:</label>
           <input type="text" id="usename" name="username" />

    你可以试试去掉<label>标签,或者用<span><p>等标签包住“用户名:”最终呈现在页面也是一样的效果,那回到第一个问题为什么用<lable>标签包住?        因为label标签是用来提示用户体验的这个作用,直白点说当你点击“用户名:”这几个字时,输入框同样会出现输入的光标,也就是不用非得点击输入框里面才能输入文字。

    第二个就是<label>标签的用法:标签的for属性的值等于对应的input(输入框)的id!这样就把输入框和用户名联系起来了

    <label for=""></label>

    <input type="" id="" name="">