一、HTML < label> 定义与用法
1. < label> 标签为 input 元素定义标注(标记)
2. label 元素不会向用户呈现任何特殊效果。若在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
3. for属性可把 label 绑定到另外一个元素,< label> 标签的 for 属性应当与相关元素的 id 属性相同。
二、< label>和特定表单元素关联方式
1.显示关联
通过label标签的for属性,显式与另一个表单控件关联,for属性的值必须是与label标签在同一文档中的可标记表单元素的id
注:是id而不是name
优点:减少标签嵌套层数;label标签和表单可以在不同的位置
缺点:控件需要定义id属性;label标签和表单控件不利于作为一个整体来控制
2.隐式关联
直接将表单控件放到label标签内,这种情况下,label标签只能包含一个表单元素,包含多个只对第一个有效
优点:控件无需定义id;标签和控件方便作为一个整体控制
缺点:增加了标签嵌套层数;不能将标签和关联控件放到不同的位置
三、HTML 5 < label> form 属性
1. form 属性规定 label 所属的一个或多个表单。
2. form 属性的值必须是其所属的表单的 id。
3. 如需引用一个以上的表单,使用空格分隔的列表。
感谢收看阿福的工作室制作