HTML <label> 标签
例子
三个带标签的单选按钮：
<form action="/action_page.html">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="提交">
</form>
亲自尝试 »
定义和用法
这 <label> tag 为几个元素定义了标签：
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="search">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
- <meter>
- <progress>
- <select>
- <textarea>
正确使用包含上述元素的标签将带来以下好处：
- 屏幕阅读器用户（当用户聚焦于元素时，会大声读出标签）
- 难以点击非常小的区域（例如复选框）的用户 - 因为当用户点击区域内的文本时
<label>元素，它会切换输入（这会增加命中区域）。
提示和说明
提示： for 属性<label> 必须等于相关元素的 id 属性才能将它们绑定在一起。标签也可以通过将元素放在<label> 元素。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <label> | 是的 | 是的 | 是的 | 是的 | 是的 |
属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 为了 | element_id | 规定标签应绑定到的表单元素的 id |
| 形式 | 表单 ID | 规定标签属于哪种形式 |
全局属性
这 <label> 标签还支持HTML 中的全局属性.
事件属性
这 <label> 标签还支持HTML 中的事件属性.
相关页面
HTML DOM 参考： 标签对象
默认 CSS 设置
大多数浏览器会显示 <label> 元素具有以下默认值：
