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