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

<label>性别:</label> <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />此处label标签的作用

此段代码中性别男女为什么用label标签，有什么作用？

采用如下代码不是更简洁吗

性别：<br/>
<input type="radio" name = "gender" value = "man">男<br/>
<input type="radio" name = "gender" value = "woman">女

夜落雨

2016-03-28

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

关注问题我要回答

2282

操作

收起

3 回答

绿巨人0 回答被采纳 +3 积分
2016-03-29

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

语法：

注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

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

收起回答

夜落雨提问者

非常感谢！

2016-03-29 回复有任何疑惑可以回复我~

thaliaauge
2016-03-28

加lable是让浏览器能识别的，代码写成这样应该不能识别吧

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

收起回答

照凉橙
2016-03-28

<label>男</label> 标签本身没有意义，但是可以在标签内添加属性，比如点击男的时候可以相当于点击了相同name的选择框，详见5-9章

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

收起回答

微斯人乎

是id吧，name可是会有重名的

2016-03-29 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1223089 人
解答问题 18212 个

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

进入课程

本课相似问答

5 回答label for和input type的区别

2 回答name和value的作用？还有label

1 回答label和input里面的name属性

4 回答<label>男</label>有作用吗？

1 回答label与label for

搜索更多本课相关问答

<label>性别:</label> <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />此处label标签的作用

我要回答关注问题

热搜

最近搜索清空

<label>性别:</label> <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />此处label标签的作用

3 回答

本课相似问答

<label>性别:</label> <label>男</label> <input type="radio" value="1" name="gender" /> <label>女</label> <input type="radio" value="2" name="gender" />此处label标签的作用