label的作用

Posted 2020-06-28

定义和用法

<label> 标签为 input 元素定义标注（标记）。

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

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

---------------------------------------------------------------------------------------------------------------------------------

看完根本不知道是在说什么。

最后在这里 说说HTML5中label标签的可访问性问题  看到了例子才明白：是为了让用户在选择的时候更加容易，点击选择框对应的文本就可以勾选上所选项了。

在html5中可以使用3中方式来使用label标签：

使用for和id关联控件

<p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>

label标签包裹控件

<p><label>标签 <input name="input" type="text" /></label></p>

双管齐下

<p><label for="test2">标签 <input name="input" type="text" id="test2" /></label></p>

但是，使用for + id的格式的可访问性是要强于使用包括的形式的，因此在日常的使用中，最好要使用for + id的形式。