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

这段html课程关于label的解释有点看不懂,求解释。

原文:

abel标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。

请问:

1、浏览器焦点是什么?

2、若不使用label空间,控件能直接用吗?

3、浏览器焦点不自动转到相关控件的情况是什么样的?

提问者:Andy酱 2016-02-15 21:37

个回答

  • Citizen_S
    2016-02-15 21:48:58
    已采纳

    这么说吧,例如这样一段代码

    <label for="male">Male</label>

    <input type="radio" name="sex" id="male" />

    展现的效果就是male+一个单选框,如果没有label,那么你要选中单选框就必须点单选框这个按钮,但这代码里由于加了label,你即使鼠标点在了male这个文字上,单选框也会被选中,这就是焦点转到和标签相关的表单控件上的通俗解释http://img.mukewang.com/56c1d73b0001a62a01060067.jpg

  • Zilly
    2016-02-15 21:52:23

    1. 浏览器焦点即浏览器当前操作对象。

    2. 可以,但用户不能及时获知该控件用途,交互性下降。

    3. lable与控件未关联(即没有正确编写for属性)。