慕仙8993357
2017-04-14 15:01
label
比如那个例子。男人和女人后面都有一个radio按钮。正常情况男人这个label的for属性等于他屁股后面那个radio的id即male,当你鼠标在男人这个词语上点击的时候,就会自动选择上了男人屁股后面这个radio。但是如果你改一下代码,让男人这个label的for属性等于famale,这个时候你点击男人这两个字,会选择上女人后面的radio
意思就是当你点击label标签内的内容时,浏览器会自动将焦点转到和label标签相关的表单控件上。例如:
<label for="name">姓名</label><input id="name" />
当你点击“姓名”的时候,浏览器就把光标定位在了输入框里面。
<label> 标签为 input 元素定义标签(label)。
label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。
<label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。
实例
带有两个输入字段和相关标签的简单 HTML 表单:
<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>
他有什么用呢:有label标签的这一段,点击标签中的文本,可使多选框聚焦。
http://blog.csdn.net/youngerhao/article/details/6946871
这个里面的解释还算容易理解。
初识HTML(5)+CSS(3)-升级版
1226012 学习 · 18235 问题
相似问题
回答 2
回答 3