课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
显示的效果是一样的，但是属性上有什么区别
2016-06-14
源自：初识HTML(5)+CSS(3)-升级版 6-8
正在回答
单label 只是展示，鼠标左键点击 label 中的文字的时候没有任何效果，如果添加了 for 属性，当你点击 label 中的文字的时候，光标会for 属性相应的 id 标签中，图片中的代码，你点击慢跑两个字，id 为『慢跑』的单选框不会被选中，你必须点击单选框才能选中，但是你点击『登山』或者『篮球』两个字的时候，id 为『登山』或者『篮球』的单选框（也可以是复选框或者其它标签）会被选中
听牛顿唱神曲 提问者
就不可以不用写for了
如果lable标签把input标签包住，不写for属性值呢？
Wood一Cube
label 标签的 for 把label的value 与id相同的那个标签绑定在一起了，所以点击value就会触发
label标签的for属性值 是为了对应其相应的input元素的id，只有进行对应时，才能进行选择。如果不做对应，点击标签时，不能进行选择。
加上for属性 当鼠标停在label标签时 光标会指定到与for属性值相同的id值得input框中
label标签的for属性值指向某个input元素的id，当点击label的时候会触发该input元素。
如你图中所示，界面上点击<label for="登山">登山<label>会触发它下一行的input的选中事件。而当你点击慢跑文字的时候，不会选中慢跑的radio。
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
2 回答label标签，有for与没有for，本质上有啥区别？
1 回答label与label for
5 回答小白求教label标签和input标签的区别，为什么这里label后是for
7 回答label标签的for属性
1 回答<label for="myName"> 和<label for="text">有什么区别？
