HTML标签<label></label>标签有什么作用?

菜鸟求救!!!!... 菜鸟求救!!!! 展开
 我来答
百度网友4970322
2019-03-16 · TA获得超过1.5万个赞
知道答主
回答量:647
采纳率:50%
帮助的人:38.2万
展开全部

label标签主要是方便鼠标点击使用,增强用户操作体验。

1、新建html文件,在网页中设置一个性别选项,这时当用户点击性别后面的小圆点才能选择性别,由于小圆点区域比较小,想准确点击比较麻烦,所有用户体验不好:


2、为两个选项分别设置“id”属性,男性属性值为“male”,女性属性值为“female”:

3、为“男”和“女”文字都添加上“label”标签,标签属性“for”的属性值分别为“male”和“female”,这时用户点击“男”和“女”文字时也会选中对应的选项,提高了用户体验。除了单选框之外,多选框、文本框等标签也同样可以用label标签选中:

hohoyang
2011-08-24 · 超过10用户采纳过TA的回答
知道答主
回答量:44
采纳率:0%
帮助的人:37.4万
展开全部
用来显示文字信息,可以固定也可以从数据库中读出信息绑定。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
落空501
2017-10-11
知道答主
回答量:5
采纳率:0%
帮助的人:4079
展开全部
可以使标签内的区域指向label标签for属性指代的对象的事件。

无label标签:<input id="ye" type="checkbox" /> 文本

有label标签:<label for="ye"><input id="ye" type="checkbox" />
文本</label>

有label标签的这一段,点击标签中的文本,可使多选框聚焦。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
灬幻云灬
推荐于2017-12-04
知道答主
回答量:3
采纳率:0%
帮助的人:3294
展开全部
tabel定义和用法
for 属性规定 label 与哪个表单元素绑定。实现点击关联字光标在关联输入框闪烁。
显式的联系:
<label for="SSN">SNumber:</label>
<input type="text" name="SNum" id="SSN" />
隐式的联系:
<label>Date: <input type="text" name="Date" /></label>
第一个标记是以显式形式将文本 "SNumber:" 和表单的社会安全号码的文本输入控件 ("SNum") 联系起来,它的 for 属性的值和控件的 id 一样,都是 SSN。
第二个标记 ("Date:") 不需要 for 属性,它的相关控件也不需要 id 属性,它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
808tzty707
2011-08-25 · TA获得超过221个赞
知道答主
回答量:519
采纳率:100%
帮助的人:312万
展开全部
可以使标签内的区域指向label标签for属性指代的对象的事件。

无label标签:<input id="ye" type="checkbox" /> 文本

有label标签:<label for="ye"><input id="ye" type="checkbox" />
文本</label>

有label标签的这一段,点击标签中的文本,可使多选框聚焦。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 3条折叠回答
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式