两种姓名和密码的书写方式有什么本质的不同吗
Refactor易先生
2015-10-02 19:32
<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>
2回答
-
- 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="">
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题