表单元素之label 属性

<label>标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同

提示

for 属性可把 label 绑定到另外一个元素。请把 for 属性的值设置为相关元素的 id 属性的值

<input type="radio" name="sex" value="nan" id="nan" />
<label for="nan">男</label><br />
<input type="radio" name="sex" value="nv" id="nv" />
<label for="nv" checked="checked">女</label>

效果展示

<input type="radio" name="sex" value="nan" id="nan" />
<label for="nan">男</label><br />
<input type="radio" name="sex" value="nv" id="nv" checked="checked" />
<label for="nv">女</label>

提示

checked="checked" : 默认值，如上：默认值为：女

这样，你无论是点击勾选按钮还是点击文字，都能选中对应的选项了

随堂训练

轻松一刻 🎧

音乐

音乐

视频教程 🎥

A video

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。