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

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

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

提问者:慕先生7413344 2018-07-27 21:29

个回答

  • 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标签后,点击标签中的文本,所绑定的元素将获取焦点,即可使多选框聚焦。

  • 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>


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

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