HTML知识补充（label标签）

HTML学习 本文总阅读量次

<label> 标签

  • <label> 标签为 input 元素定义标注（标记）。
  • label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择label 标签时，浏览器就会自动将焦点转到和标签相关的表单控件（input元素）上。
  • 注意：<label> 标签的 for 属性需要与相关元素的 id 属性相同，否则不起作用。
  • 下面例子中的文字“Male”也可以是特殊符号，比如一个问号❔。

例子

点击文本“Male”可以发现对应的input元素被选中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<body>

<p>请点击文本标记之一，就可以触发相关控件：</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

</body>
</html>

具体实现

HTML学习