课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
改进了鼠标的可用性,表现在哪里? 另外使用for属性后,自动选中和该label标签向关联的表单控件上有啥用噢?
一是文字有绕;关键还是对这个缺乏理解
2016-12-27
源自：初识HTML(5)+CSS(3)-升级版 6-8
正在回答
在这个图片里，我们就以“喜欢”这个选项为例讲。如果你用了label这个标签，你想要选中“喜欢”这一项，是准确地点中了单选框（也就是那个小圆框），还是点中了“喜欢”这两个字，都可以选中“喜欢”这一项；但是如果你不用label标签，你就必须要点中单选框（也就是那个小圆框），才能选中这一项，点中“喜欢”这两个字是选不中的。
再来说for，我们给radio这个单选框起了一个独一无二的id，要想“喜欢”这两个字和单选框有一个联系，喜欢的label里就要写明for给谁，我觉得for就是为了的意思吧，为了谁，所以后面要跟上相联系的id名。
第一次回答，希望对你有帮助！
李珂_ 提问者
增强用户体验，电脑小白都可以用能看的懂，用得了。
label标签的主要用途是提升表单的可用性（嘿嘿，还是专业知识）。
通俗的解释一下，比如在使用单选框和复选框时，
没用label标签时，每次都要很精确的点到小圆点或者小方框。
使用label标签后，点击每个单选框前面对应的文字也会选中单选框，这样增大了用户选取的面积，降低了用户鼠标移动的精确性。这就是label标签的主要作用。
就是不用鼠标去点radio单选那个小小的圆点了，可以点lable写的文字，就相当于点了那个小圆点了。就是让鼠标用户选择更方便了。
拿复选框为例，没有<label for>标签关联时一定要点中框才能选到，关联后点文字也可以选中，显然鼠标选择时更方便；其他的表单控件也是类似的效果吧
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
4 回答label标签中id的作用
2 回答label标签与input标签中的两个属性作用
12 回答label 标签
2 回答label标签
3 回答label标签
