为了账号安全,请及时绑定邮箱和手机立即绑定

<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">女


正在回答

3 回答

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

语法:

<label for="控件id名称">

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


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

夜落雨 提问者

非常感谢!
2016-03-29 回复 有任何疑惑可以回复我~

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

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

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

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

微斯人乎

是id吧,name可是会有重名的
2016-03-29 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信