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

来源:6-9 填填性别和兴趣爱好 - 单选框、复选框,让用户选择

夜落雨

2016-03-28 23:34

<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回答

  • 绿巨人0
    2016-03-29 00:17:28
    已采纳

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

    语法:

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

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


    夜落雨

    非常感谢!

    2016-03-29 10:51:38

    共 1 条回复 >

  • thaliaauge
    2016-03-28 23:49:46

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

  • 照凉橙
    2016-03-28 23:45:26

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

    微斯人乎

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

    2016-03-29 00:12:56

    共 1 条回复 >

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

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

1225809 学习 · 18234 问题

查看课程

相似问题