<label for="male">男</label> <input type="radio" name="sex" id="male" /> “id是个什么鬼,有什么作用啊“

来源:6-8 使用label为input标签穿上衣服

精慕门4723421

2015-04-15 11:28

<label for="male">男</label>   <input type="radio" name="sex" id="male" />  “id是个什么鬼,有什么作用啊“

写回答 关注

2回答

  • sxiog
    2015-05-17 10:56:24

    <label>在这里的作用是给一个选框指定一个标注

    类似于:把“篮球”这个词绑定在篮球后面的这个选框(<input>)上,当你选中这个选框时便认为你选中了篮球。那么需要给每个选框发一个不同的ID,便于让每一个<label>都能和<input>一 一对应(<label>中的for的属性值=<input>中id的属性值)。

    <label>和<input>如果是隐式关联(隐式关联就是把<input>写在<label>中,如下)就可以不需要用for和id了。

    <label><input type="radio" name="" value=""/>这是隐式关联</label>

  • Perona
    2015-04-15 11:35:21

    <label>中的for 属性规定 label 与哪个表单元素绑定。

    标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。

    这里的id就是for属性命名的一个目标按钮。

    即点击<lable>中的男会选中后面的单选按钮。

    你试试看。

    youngm...

    我试了!如果没有for和id这部分,当你点击男/女的文本时系统没有任何操作,加了for和id后,即使鼠标没有点到那个单选款的小圆圈,只要点了男/女其中一个字眼,系统就会选择你点的字对应的小圆圈。。。额。。。这样说,可懂?

    2015-05-18 13:41:48

    共 3 条回复 >

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

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

1225808 学习 · 18234 问题

查看课程

相似问题