可以使标签内的区域指向label标签for属性指代的对象的事件。
无label标签:<input id="ye" type="checkbox" />
文本
有label标签:<label for="ye"><input id="ye" type="checkbox" />
文本</label>
有label标签的这一段,点击标签中的文本,可使多选框聚焦。
HTML
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>
标签定义及使用说明
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
提示:”for” 属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值。