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

<label for="male">男</label> <input type="radio" name="sex" id="male" /> “id是个什么鬼，有什么作用啊“

精慕门4723421

2015-04-15

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

关注问题我要回答

3407

操作

收起

2 回答

sxiog
2015-05-17

<label>在这里的作用是给一个选框指定一个标注

类似于：把“篮球”这个词绑定在篮球后面的这个选框（<input>）上，当你选中这个选框时便认为你选中了篮球。那么需要给每个选框发一个不同的ID，便于让每一个<label>都能和<input>一一对应（<label>中的for的属性值=<input>中id的属性值）。

<label>和<input>如果是隐式关联（隐式关联就是把<input>写在<label>中，如下）就可以不需要用for和id了。

<label><input type="radio" name="" value=""/>这是隐式关联</label>

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

收起回答

Perona
2015-04-15

<label>中的for 属性规定 label 与哪个表单元素绑定。

标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。

这里的id就是for属性命名的一个目标按钮。

即点击<lable>中的男会选中后面的单选按钮。

你试试看。

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

收起回答

精慕门4723421 提问者

那请叫我这么写为什么达不到关联的效果： <from action = "save.php" method = "post"> 性别:<br/> <label for = "male">男</label> <input type = "radio" name = "gender" id = "male" checked = "checked"/> <label for = "female">女</label> <input type = "radio" name = "gender" id = "female" /><br/> </form>

2015-04-15 回复有任何疑惑可以回复我~

Ewall_ 回复精慕门4723421 提问者

http://www.w3school.com.cn/tiy/t.asp?f=html_label

2015-04-15 回复有任何疑惑可以回复我~

youngmings

我试了！如果没有for和id这部分，当你点击男/女的文本时系统没有任何操作，加了for和id后，即使鼠标没有点到那个单选款的小圆圈，只要点了男/女其中一个字眼，系统就会选择你点的字对应的小圆圈。。。额。。。这样说，可懂？

2015-05-18 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1225780 人
解答问题 18234 个

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

进入课程

本课相似问答

1 回答<input type="radio" name="sex" id="male" /> <br />

5 回答<label for="male">Male</label>

4 回答<input type="radio" name="gender" id="male" /> <br />是什么意思

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

1 回答label for 和 id 一样？

搜索更多本课相关问答

<label for="male">男</label> <input type="radio" name="sex" id="male" /> “id是个什么鬼，有什么作用啊“

我要回答关注问题

热搜

最近搜索清空

<label for="male">男</label> <input type="radio" name="sex" id="male" /> “id是个什么鬼，有什么作用啊“

2 回答

本课相似问答

<label for="male">男</label> <input type="radio" name="sex" id="male" /> “id是个什么鬼，有什么作用啊“