问答详情
源自:6-8 使用label为input标签穿上衣服

label标签的作用通俗的讲

改进了鼠标的可用性,表现在哪里? 另外使用for属性后,自动选中和该label标签向关联的表单控件上有啥用噢?  

一是文字有绕;关键还是对这个缺乏理解 

提问者:李珂_ 2016-12-27 15:34

个回答

  • 慕标7701856
    2016-12-27 15:55:11
    已采纳

    http://img.mukewang.com/58621c4e0001159804900257.jpg

    在这个图片里,我们就以“喜欢”这个选项为例讲。如果你用了label这个标签,你想要选中“喜欢”这一项,是准确地点中了单选框(也就是那个小圆框),还是点中了“喜欢”这两个字,都可以选中“喜欢”这一项;但是如果你不用label标签,你就必须要点中单选框(也就是那个小圆框),才能选中这一项,点中“喜欢”这两个字是选不中的。

    再来说for,我们给radio这个单选框起了一个独一无二的id,要想“喜欢”这两个字和单选框有一个联系,喜欢的label里就要写明for给谁,我觉得for就是为了的意思吧,为了谁,所以后面要跟上相联系的id名。

    第一次回答,希望对你有帮助!

  • qq__5881
    2016-12-27 15:55:53

    增强用户体验,电脑小白都可以用能看的懂,用得了。

  • qq_钱尔通王楠_04390836
    2016-12-27 15:51:55

    label标签的主要用途是提升表单的可用性(嘿嘿,还是专业知识)。

        通俗的解释一下,比如在使用单选框和复选框时,

    没用label标签时,每次都要很精确的点到小圆点或者小方框。

    使用label标签后,点击每个单选框前面对应的文字也会选中单选框,这样增大了用户选取的面积,降低了用户鼠标移动的精确性。这就是label标签的主要作用。


  • JustZNH
    2016-12-27 15:50:54

    就是不用鼠标去点radio单选那个小小的圆点了,可以点lable写的文字,就相当于点了那个小圆点了。就是让鼠标用户选择更方便了。

  • 慕容4429197
    2016-12-27 15:48:08

    拿复选框为例,没有<label for>标签关联时一定要点中框才能选到,关联后点文字也可以选中,显然鼠标选择时更方便;其他的表单控件也是类似的效果吧