当前位置:首页>HTML>HTML标签>HTML <label> 标签

HTML <label> 标签

作者:微学网发布时间:2019-08-30 23:43:52

示例

带标签的三个单选按钮:

<form action="/action_page.php">
  <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属性,以将它们绑定在一起。

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

提示和注意事项

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

HTML 4.01和HTML5之间的差异

“form”属性是HTML5中的新属性。

属性

html5= HTML5中的新功能。

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

全局属性

<label>标记还支持HTML中的全局属性。

事件属性

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

相关页面

HTML DOM参考:标签对象

默认CSS设置

大多数浏览器将使用以下默认值显示<label>元素:

label {
    cursor: default;
}