当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
绑定方法:通过label标签的for属性与相关表单控件的id属性相同
eg:
1.label与input(type="text")文本类型的结合
当鼠标点击姓名是,光标自动定位到input输入框,如下图
2.label与input(type="radio")按钮类型的结合
与此类型结合,一般用来重置按钮样式或解决手机端选项点击不灵活现象
-
重置按钮样式
按钮列表
-
解决手机端点击不灵活现象
例如单选题,用的都是radio类型,由于在手机端,屏幕宽度有限,所以按钮点击事件就没有像在电脑端那么准确,如果我们利用label的for属性与input的id属性绑定,这样,再点击选择的时候,只要点击下当前的题目就可以选中,没必要非得去单独点击按钮了。