问答详情
源自:6-8 使用label为input标签穿上衣服

这两个为什么第一个不能点文字就选中

<label>慢跑</label>
  <input type="checkbox" value="1" name="兴趣" id="慢跑"><br/>

<label>慢跑<label>
  <input type="checkbox" value="1" name="兴趣" id="慢跑"><br/>

提问者:月影书华 2016-07-13 10:54

个回答

  • 化骨神石
    2016-07-13 11:29:34

    lable后面要跟上for

    <lable for="id名称">

    同时你的2个id重复了,要不相同,name最好用英文,英文单词这个很重要,因为大家都是一般都用英文来表示,你要用一堆拼音什么的你老大肯定呼死你,其实就那几个常用的单词,很好记的,长点的单词简写就ok了。例如红球你可以这样写redBall,也可以rBall.

    <label for="run">慢跑</label>
      <input type="checkbox" value="1" name="interest" id="run"><br/>

    <label for="climb">登山<label>
      <input type="checkbox" value="1" name="interest" id="climb"><br/>


  • 萌钱君啦啦啦
    2016-07-13 11:17:54

    id 的值不能一样 .<label for="a">

    id=“a” for和id的值要一样的

  • 善子先森
    2016-07-13 11:10:11

    上面的value是重复的,<label for="控件id名称">

    注意:

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

    2. name=""内使用英文,各项并不相同.

    正确的代码如下:

    <label for="running">慢跑</label>
      <input type="checkbox" value="1" name="checkbox1" id="running"><br/>

    <label for="climbing">登山<label>
      <input type="checkbox" value="1" name="checkbox2" id="climbing"><br/>

    相关课程:

    http://www.imooc.com/code/3319

  • Error_J
    2016-07-13 11:04:25

    <label for="慢跑1">慢跑</label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑1"><br/>

    <label for="慢跑2">慢跑<label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑2"><br/>


  • 慕容1965980
    2016-07-13 11:04:21

    改成

    <label for="run1">慢跑1</label>
      <input type="checkbox" value="1" name="兴趣" id="run1"><br/>

    <label for="run2">慢跑2<label>
      <input type="checkbox" value="1" name="兴趣" id="run2"><br/>

    就可以了


  • Error_J
    2016-07-13 11:04:12

    <label for="慢跑1">慢跑</label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑1"><br/>

    <label for="慢跑2">慢跑<label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑2"><br/>


  • 慕侠7342268
    2016-07-13 11:02:18






    应该用for吧,加了for属性之后可以自动聚焦

  • qq_超人不会飞_5
    2016-07-13 11:01:57

    <label for="pao">慢跑</label>
      <input type="checkbox" value="1" name="兴趣" id="pao"><br/>

    <label for="run">慢跑<label>
      <input type="checkbox" value="1" name="兴趣" id="run"><br/>


    label里要定义for

  • 遇見你的美
    2016-07-13 11:01:39

     <label for="慢跑1">慢跑</label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑1"><br/>
    <label for="慢跑2">慢跑<label>
      <input type="checkbox" value="1" name="兴趣" id="慢跑2"><br/>