W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <label> 标签


Example

三个带标签的单选按钮:

<form action="demo_form.asp">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
尝试一下 »

定义及用法

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。


浏览器支持

元素
<label> Yes Yes Yes Yes Yes

提示和注意

提示: 标签可以通过使用“for”属性或通过将元素放在 <label> 元素中来绑定到元素。


HTML 4.01 与 HTML5之间的差异

"form" 属性是 HTML5 的新属性。


属性

= HTML5 新属性。

属性 描述
for element_id 规定 label 与哪个表单元素绑定
form form_id 规定 label 字段所属的一个或多个表单

全局属性

<label> 标签支持全局属性,查看完整属性表 HTML全局属性


事件属性

<label> 标签支持所有 HTML事件属性


相关文章

HTML DOM 参考手册:Label 对象


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <label> 元素:

Example

label {
    cursor: default;
}
尝试一下 »