首页 > 试题广场 >

Label的作用是什么，是怎么用的？

[问答题]
Label的作用是什么，是怎么用的？
添加回答
马月月头像 马月月
参考答案 == 对鼠标用户而言改进了可用性
发表于 2017-03-22 23:56:05 回复(0)
拯救世界的光太郎头像 拯救世界的光太郎

举个例子： 



<!-- 方法一 -->
<label for="email">E-mail:</label>
<input type="text" id="email">
<!-- 方法二 -->
<label>
  E-mail:
  <input type="text">
</label>

这两种方法的效果相同，后者不用使用for和if


当我们点击E-mail或者点击文本框时，光标都会被移入文本框中，方便我们输入内容。

说白了label标签就是他所关联的表单控件的延伸，即鼠标点击了他，就会出现和点击他所关联的表单控件一样的效果。而这前提是label的for属性的属性值与想要关联的表单控件的id一样。

编辑于 2021-10-02 11:45:13 回复(0)
woniu2018头像 woniu2018
输入框前的提示语言一般放在Label里，比如：
<label>用户名：</label><input type="text" />
但不是必须要有Label标签。
发表于 2019-11-25 12:19:37 回复(0)
太阳煮的酒头像 太阳煮的酒

当用户选择该label标签时 浏览器会自动将焦点集中在与该标签相对应的input上 label的for属性值要与input中的id属性值相同

发表于 2019-06-05 23:01:31 回复(3)
唐来宁头像 唐来宁
重要！
发表于 2019-11-13 08:55:21 回复(1)
名字被占用的Aimee头像 名字被占用的Aimee
当用户选择该label标签时 浏览器会自动将焦点集中在与该标签相对应的input上 label的for属性值要与input中的id属性值相同
发表于 2020-03-09 19:24:28 回复(0)
想在家办公的大白菜头像 想在家办公的大白菜
将label标签for属性值绑定input的id属性，当我们选择了label标签，绑定的input自动获取焦点。
发表于 2021-03-28 09:40:15 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>定义表单控制的关系</p>
发表于 2020-08-29 11:28:29 回复(0)
火柴哥头像 火柴哥
<p>label是一个标签当用户选择这个标签时，浏览器就会自动将焦点转到相应的表单控件上,需要注意的是label标签里的for属性的值需要和对应的表单控件的id值相同,这样才能产生相应的联系</p>
发表于 2020-05-11 20:01:33 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
9条回答 3326浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号