HTML 5 <label> 标签

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# 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 中的事件属性。