谁能举例说明一下label的具体作用,概念性的解释不太懂

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

慕仙8993357

2017-04-14 15:01

label

写回答 关注

4回答

  • 慕数据3453872
    2017-04-14 15:11:43

    比如那个例子。男人和女人后面都有一个radio按钮。正常情况男人这个label的for属性等于他屁股后面那个radio的id即male,当你鼠标在男人这个词语上点击的时候,就会自动选择上了男人屁股后面这个radio。但是如果你改一下代码,让男人这个label的for属性等于famale,这个时候你点击男人这两个字,会选择上女人后面的radio

    ZhEnGX

    秒懂666

    2017-04-23 21:21:54

    共 1 条回复 >

  • qq_g油o_4
    2017-04-14 15:08:26

    意思就是当你点击label标签内的内容时,浏览器会自动将焦点转到和label标签相关的表单控件上。例如:

    <label for="name">姓名</label><input id="name" />

    当你点击“姓名”的时候,浏览器就把光标定位在了输入框里面。

  • 麦麦zzz
    2017-04-14 15:08:11

    <label> 标签为 input 元素定义标签(label)。

    label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。

    <label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。

    实例

    带有两个输入字段和相关标签的简单 HTML 表单:

    <form><label for="male">Male</label><input type="radio" name="sex" id="male" />
    <br /><label for="female">Female</label><input type="radio" name="sex" id="female" />
    </form>

    他有什么用呢:有label标签的这一段,点击标签中的文本,可使多选框聚焦。

  • 木头_123
    2017-04-14 15:07:54

    http://blog.csdn.net/youngerhao/article/details/6946871

    这个里面的解释还算容易理解。

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

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

1226012 学习 · 18235 问题

查看课程

相似问题