                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

label起什么作用？

一直不懂<label>是干嘛用的为什么有for="username"？

慕数据0884462

2016-12-13

源自：初识HTML(5)+CSS(3)-升级版 6-1

关注问题我要回答

1303

操作

收起

5 回答

爱吃猫的禹鱼回答被采纳 +3 积分
2016-12-13

<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。实例带有两个输入字段和相关标记的简单 HTML 表单：<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" />
<label for="female">Female</label> <input type="radio" name="sex" id="female" /></form>

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

#1

慕数据0884462 提问者

非常感谢！

2016-12-13 回复有任何疑惑可以回复我~

_雨寂伞下又一个晴天_0
2016-12-13

label就当一个文本输入使用就行。for="username"里的username是和后面的id=“username”匹配的，一致的话，在浏览器中才能点选该label文本。

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

qq_猜不透_8
2016-12-13

label标签内的内容相当于一个控件，没有任何特殊效果，只是单击方便浏览器的自动选择

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

qq_简_21
2016-12-13

通俗来讲就是鼠标经过的范围都是lable的内容，聚焦作用

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

慕粉091659914
2016-12-13

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

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

举报

0/150

提交

取消

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

参与学习 1225293 人
解答问题 18230 个

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

本课相似问答

4 回答<label>在这里为什么不起作用

2 回答<label>的作用是什么

5 回答<label</label>的作用

3 回答label input 作用是干什么的，怎么用啊

8 回答<label>标签有什么作用啊？

搜索更多本课相关问答

label起什么作用？

我要回答关注问题

意见反馈帮助中心 APP下载