改进了鼠标的可用性,表现在哪里? 另外使用for属性后,自动选中和该label标签向关联的表单控件上有啥用噢?
一是文字有绕;关键还是对这个缺乏理解
在这个图片里,我们就以“喜欢”这个选项为例讲。如果你用了label这个标签,你想要选中“喜欢”这一项,是准确地点中了单选框(也就是那个小圆框),还是点中了“喜欢”这两个字,都可以选中“喜欢”这一项;但是如果你不用label标签,你就必须要点中单选框(也就是那个小圆框),才能选中这一项,点中“喜欢”这两个字是选不中的。
再来说for,我们给radio这个单选框起了一个独一无二的id,要想“喜欢”这两个字和单选框有一个联系,喜欢的label里就要写明for给谁,我觉得for就是为了的意思吧,为了谁,所以后面要跟上相联系的id名。
第一次回答,希望对你有帮助!
增强用户体验,电脑小白都可以用能看的懂,用得了。
label标签的主要用途是提升表单的可用性(嘿嘿,还是专业知识)。
通俗的解释一下,比如在使用单选框和复选框时,
没用label标签时,每次都要很精确的点到小圆点或者小方框。
使用label标签后,点击每个单选框前面对应的文字也会选中单选框,这样增大了用户选取的面积,降低了用户鼠标移动的精确性。这就是label标签的主要作用。
就是不用鼠标去点radio单选那个小小的圆点了,可以点lable写的文字,就相当于点了那个小圆点了。就是让鼠标用户选择更方便了。
拿复选框为例,没有<label for>标签关联时一定要点中框才能选到,关联后点文字也可以选中,显然鼠标选择时更方便;其他的表单控件也是类似的效果吧