HTML 5 <label> 标签

定义和用法

<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>

亲自试一试

浏览器支持

所有主流浏览器都支持 <label> 标签。

HTML 4.01 与 HTML 5 之间的差异

"form" 属性是 HTML5 中的新属性。

提示和注释

注释:可以通过使用 "for" 属性将 label 绑定到另一个元素,或者直接在 label 元素内部放置元素。

属性

new : HTML5 中的新属性。

属性 描述
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单。

全局属性

<label> 标签支持 HTML 5 中的全局属性

事件属性

<label> 标签支持 HTML 5 中的事件属性