label的作用以及用法

label 的作用是什么？是怎么用的？

label 元素不会向用户呈现任何特殊效果。

不过，它为鼠标用户改进了可用性。

如果您在 label 元素内点击文本，就会触发此控件。

就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

解析：

最常用 label 标签的地方，应该就是表单中选择性别的单选框了。例如：

<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<form>
<label for="male">男</label>
<input type="radio" name="sex" id="male" />
	<br />
<label for="female">女</label>
<input type="radio" name="sex" id="female" />
</form>

上面的代码中，当 label 和表单控件绑定后，用户不用必须点击单选框才能确定自己的选项，点击 label 所包裹的文字也能够自动聚焦绑定的表单控件。