使用单选框、复选框,让用户选择

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

慕粉3787135

2016-08-13 15:38

使用单选框、复选框,让用户选择案例中的“”性别:“”  为什么放在<label>。。。</label> 中 而文本输入框、密码输入框的文字只要直接打上去就可以?

写回答 关注

6回答

  • 幽蝉鸣泣之时
    2016-08-13 15:52:25
    已采纳

    放label是为了可以让用户点击相应文字就可以直接选中

  • happy
    2016-08-13 16:29:37

    放label是为了可以让用户点击相应文字就可以直接选中

  • 蔡羽夜
    2016-08-13 16:14:00

    个人理解,就是label是类似“标签定位”,点击文本后会触发控件,接着关联到相应的表单上。而input type="text"/"password",就是直接关联表单,直接输入文本。

    下面是教程的解释,你可以理解看看:

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

    希望能帮到你!

  • dmax
    2016-08-13 16:13:45

    <form>  <label for="male">Male</label>
     <input type="radio" name="sex" id="male" />
     <br />  <label for="female">Female</label>
     <input type="radio" name="sex" id="female" />
    </form>

    试一下这段代码,然后自己去掉label标签再试试,就知道label的用处啦~

  • 雨漪绮
    2016-08-13 16:05:55

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

  • hong9928
    2016-08-13 15:51:42

    type = "text"  本身有这个功能!

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

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

1225293 学习 · 18230 问题

查看课程

相似问题