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

源自：6-9 填填性别和兴趣爱好 - 单选框、复选框，让用户选择

<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标签，有什么作用？

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

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

提问者：夜落雨 2016-03-28 23:34

个回答

绿巨人0

2016-03-29 00:17:28

已采纳

label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。
语法：
<label for="控件id名称">
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

0
thaliaauge

2016-03-28 23:49:46

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

0
照凉橙

2016-03-28 23:45:26

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

0