定义和用法
<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>
例如:
<!DOCTYPE HTML>
<html>
<body>
<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>
</body>
</html>
以上代码会显示如上图所示的效果,点击male和female或者两个圆点的时候,都能起到同样的效果
也就是通过label和它的for属性,把操作方式联系在了一起