HTML lable标签

一、HTML < label> 定义与用法

1.  < label> 标签为 input 元素定义标注（标记）
2. label 元素不会向用户呈现任何特殊效果。若在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上
3. for属性可把 label 绑定到另外一个元素，< label> 标签的 for 属性应当与相关元素的 id 属性相同。

二、< label>和特定表单元素关联方式、

1.显示关联

通过label标签的for属性，显式与另一个表单控件关联，for属性的值必须是与label标签在同一文档中的可标记表单元素的id

优点：减少标签嵌套层数；label标签和表单可以在不同的位置
缺点：控件需要定义id属性；label标签和表单控件不利于作为一个整体来控制

2.隐式关联

直接将表单控件放到label标签内，这种情况下，label标签只能包含一个表单元素，包含多个只对第一个有效

优点：控件无需定义id；标签和控件方便作为一个整体控制
缺点：增加了标签嵌套层数；不能将标签和关联控件放到不同的位置

好了,今天的内容就到这里了,喜欢的一键三连,下期更精彩!!!