这两段代码有何不同？
来源：6-2 先来填用户名和密码 - 文本输入框、密码输入框
Mltwind
2015-12-06 10:53
<form method="post" action="save.php">
<label for="username">用户名:</label>
<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" />
</form>
和
<form method="post" action="save.php">
账户:
<input type="text" name="myName"/>
<br>
密码:
<input type="password" name="pass"/>
有何大的差别，为何一个有label for一个没有？只是单纯的语义化吗？
写回答
关注
2回答
-
- 丶小八戒
- 2015-12-06 11:09:14
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<html> <body> <p>请点击文本标记之一，就可以触发相关控件：</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html>
你只要点击到Male或者Female，浏览器就会自动将焦点转到和标签相关的表单控件上。
-
- echo_kinchao
- 2015-12-07 11:35:13
Label 只是起到锚点作用
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225297 学习 · 18230 问题
相似问题