HTML 标签

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> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 4+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML 表单.

其他与表单相关的标签: <form>, <fieldset>, <legend>, <input>, <textarea>, <select>, <optgroup>, <option>, <button>.

Advertisements