HTML <label> 标签
主题：HTML5 标签参考上一页|下一页
说明
<label> 标签用于为 HTML 表单 中的表单控件定义标题。 通过使用 for 属性或将控件元素放置在标签元素内，每个标签元素都与一个表单控件相关联。
下表总结了此标签的使用上下文和版本历史。
| Placement: | Inline |
|---|---|
| Content: | 内嵌和文本 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 4, 4.01, 5 |
提示： <label> 元素通过使鼠标用户更容易访问表单来提供可用性改进。 它为小项目（如复选框或单选按钮）提供了更大的可点击区域，因此如果用户点击 <label> 元素中的文本，它会切换控件。
语法
<label> 标签的基本语法如下：
<label for="control id" > ... </label>
下面的示例显示了 <label> 标签的作用。
<form>
<input type="radio" name="gender" value="male" id="male">
<label for="male">Male</label>
<input type="radio" name="gender" value="female" id="female">
<label for="female">Female</label>
</form>标签特定属性
下表显示了特定于 <label> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
for |
form-control-id | 指定标签与哪个表单控件相关。 |
form |
form-id | 指定 <label> 元素关联的 <form> 元素（其表单所有者）。 |
全局属性
与所有其他 HTML 标签一样， <label> 标签支持 HTML5 中的全局属性。
事件属性
<label> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <label> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 表单.
其他与表单相关的标签： <form>, <fieldset>, <legend>, <input>, <textarea>, <select>, <optgroup>, <option>, <button>.
Advertisements