label
label 标签说明
<label>
标签可以绑定表单的元素,通过 for
属性和表单元素的 id
属性进行匹配。当用户点击 <label>
标签时,与之关联的表单元素会获得焦点。
代码示例
HTML
1
2
3
4
<label for="male">男</label>
<input type="radio" name="sex" id="male">
<label for="female">女</label>
<input type="radio" name="sex" id="female">
注意事项
<label>
标签的for
属性的值必须与表单元素的id
属性的值相同,才能实现关联。<label>
标签可以包含表单元素,也可以不包含。如果包含表单元素,点击<label>
标签时,会自动触发表单元素的点击事件。<label>
标签的for
属性的值可以是多个表单元素的id
属性的值,这样多个表单元素就可以与同一个<label>
标签关联。