<label>标签究竟有什么用啊?

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

慕先生7413344

2018-07-27 21:29

上面说是为"鼠标用户改进了可用性",这个可用性,提现在了哪里?我只觉得是在编写的时候多了一个步骤,看不出来究竟有什么用处!麻烦给详细解答一下!!(请举例说明!)

写回答 关注

3回答

  • Por_Una_Cabeza
    2018-07-27 21:49:53
    已采纳

    可以用来绑定元素,举个例子:

    • 无label标签:

    <input id="ye" type="checkbox" /> 文本内容

    • 有label标签:

    <label for="xxx">

    <input id="xxx" type="checkbox" />文本内容</label>

    添加了label标签后,点击标签中的文本,所绑定的元素将获取焦点,即可使多选框聚焦。

    慕先生741... 回复Por_Un...

    非常感谢!!!

    2018-07-29 13:05:44

    共 5 条回复 >

  • Por_Una_Cabeza
    2018-07-29 13:06:00

    我的回答中例子编辑时候出了点问题,应该如下:

    <label for="xxx">文本label</label>

    <input id="xxx" type="checkbox" />文本内容</label>

    一个简单完整的例子,可以直接在浏览器中查看效果,点击label就能自动勾选:

    <html>

    <head>

    <meta charset="utf-8">

    <title>标题</title>

    </head>

    <body>

    <label for="a">文本label</label>

    <input id="a" type="checkbox" />文本内容</label>

    </body>

    </html>


    慕先生741...

    谢谢!明白了!

    2018-07-29 13:10:46

    共 1 条回复 >

  • 完颜绍安
    2018-07-27 21:53:28

    点击修饰的文本内容,光标自动移动到对应需要操作的地方

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

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

1225309 学习 · 18230 问题

查看课程

相似问题