为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

4 回答

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

  • 无label标签:

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

  • 有label标签:

<label for="xxx">

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

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

0 回复 有任何疑惑可以回复我~
#1

慕先生7413344 提问者

那么,在获取了这个焦点之后,有什么好处吗?
2018-07-28 回复 有任何疑惑可以回复我~
#2

慕先生7413344 提问者

非常感谢!
2018-07-28 回复 有任何疑惑可以回复我~
#3

Por_Una_Cabeza 回复 慕先生7413344 提问者

在我举得这个例子中,label的作用就是点击label的文本内容,就可以自动勾选CheckBox中的内容,如果是其他例子中,也可能是获得一个文本框、文本域的光标等,不需要再点击文本框才能输入内容,方便用户输入信息。
2018-07-29 回复 有任何疑惑可以回复我~
#4

慕先生7413344 提问者 回复 Por_Una_Cabeza

非常感谢!!!
2018-07-29 回复 有任何疑惑可以回复我~
#5

慕先生7413344 提问者 回复 Por_Una_Cabeza

非常感谢!!!
2018-07-29 回复 有任何疑惑可以回复我~
查看2条回复

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

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


0 回复 有任何疑惑可以回复我~
#1

慕先生7413344 提问者

谢谢!明白了!
2018-07-29 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信