码农教程 - 一技在手,衣食无忧! tools

HTML <label> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

三个带标签的单选按钮：

<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="Submit">
</form>
亲自试一试 »

定义和用法

这个<label>tag 定义了几个元素的标签：

正确使用具有上述元素的标签将有益于：

  • 屏幕阅读器用户（当用户聚焦于元素时，将大声读出标签）
  • 难以单击非常小的区域（例如复选框）的用户 - 因为当用户单击区域内的文本时<label>元素，它会切换输入（这会增加点击区域）。

提示和注释

提示：for 属性为<label>必须等于相关元素的 id 属性才能将它们绑定在一起。标签也可以通过将元素放置在<label>元素。

浏览器支持

Element
<label> Yes Yes Yes Yes Yes

属性

Attribute Value Description
for element_id Specifies the id of the form element the label should be bound to
form form_id Specifies which form the label belongs to

全局属性

这个<label>标签还支持HTML 中的全局属性。

事件属性

这个<label>标签还支持HTML 中的事件属性。

相关页面

HTML DOM 参考：标签对象

默认 CSS 设置

大多数浏览器都会显示<label>具有以下默认值的元素：

示例

label {
  cursor: default;
}
亲自试一试 »


❮上一节 完整的 HTML参考 下一节❯