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

<label>个人简介：</label>

后面5-9小节提到 label标签的语法要以 label for的形式出现而且for后面的属性值要与相关控件的id名相同，为什么这里的label标签后面不接for? 为什么有些控件又省略的id？

车程一

2016-09-16

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

关注问题我要回答

1143

操作

收起

2 回答

慕斯卡0757092
2016-09-16

label的用法是“如果你在 label 标签内点击文本，就会触发此控件。”

所以首先你要定义1.哪个文本点击要到2.哪个input那里去。

所以<label for="male">男</label>这是 1.

<input type="radio" name="gender" id="male" /> 这是 2.

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

收起回答

小九九丶
2016-09-16

显式的联系：

<label for="SSN">Social Security Number:</label><input type="text" name="SocSecNum" id="SSn" />

隐式的联系：

<label>Date of Birth: <input type="text" name="DofB" /></label>

第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来，它的 for 属性的值和控件的 id 一样，都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性，它的相关控件也不需要 id 属性，它们是通过在 <label> 标签中放入 <input> 标签来隐式地连接起来的。