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

来源:6-8 使用label为input标签穿上衣服

Andy酱

2016-02-15 21:37

原文:

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

请问:

1、浏览器焦点是什么?

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

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

写回答 关注

2回答

  • 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

    双补丸

    感谢解惑

    2016-02-29 16:40:13

    共 2 条回复 >

  • Zilly
    2016-02-15 21:52:23
    1. 浏览器焦点即浏览器当前操作对象。

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

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

    Andy酱

    谢谢!非常感谢!

    2016-02-15 21:56:50

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题