                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

这两段代码有何不同？

<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一个没有？只是单纯的语义化吗？

Mltwind

2015-12-06

源自：初识HTML(5)+CSS(3)-升级版 6-2

关注问题我要回答

969

操作

收起

2 回答

丶小八戒回答被采纳 +3 积分
2015-12-06

<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，浏览器就会自动将焦点转到和标签相关的表单控件上。