1. label标签说明
在html中,
它不会向用户呈现任何特殊UI效果,和span标签类似,但是与span的区别是它为鼠标用户改进了可用性,可以关联特定的表单控件。
label标签和特定表单控件关联之后,当用户点击标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上。
2. 适用范围
所有类型的input,select以及textarea标签
3. label标签格式
label标签的关联方式主要有两种,显式关联和隐式关联
3.1 显式关联
通过label标签的for属性与指定表单元素的id绑定来实现关联表单
示例:
性别
3.2 隐式关联
隐式关联是直接将表单控件放到label标签内,这种情况下,label标签只能包含一个表单元素,如果包含多个只对第一个有效。
示例:
4. 总结
方式优点显式关联1:减少标签嵌套层数2:label标签和表单可以在不同的位置隐式关联1:控件无需定义id2:标签和控件方便作为一个整体控制
参考链接:https://blog.csdn.net/cyzfd_sunshine/article/details/85062399