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

请问，如下代码，为啥只有慢跑实现了<label>标签的意义；点击登山，后面的小方框并没有勾选上，但是点击登上后面的小方框，可以勾选上。

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>form中的lable标签</title>

</head>


<body>

<form>

    你对什么运动感兴趣？ <br />

   <label for="sport">慢跑</label>

  <input type="checkbox" name="慢跑" id="sport" />

  <br />

  <label for="sport">登山</label>

  <input type="checkbox" name="登山" id="sport" />

  <br />

  <label for="sport">篮球</label>

  <input type="checkbox" id="sport" name="篮球">

  

</form>


</body>

</html>


提问者：qq_紫色的薰衣草_0 2018-07-09 17:33

个回答

  • NAHSION
    2018-07-09 23:06:43
    已采纳

    id唯一标识，id名字在每个页面中只能允许出现一次，name建议使用英文

    0
  • qq_抛物线_0
    2018-07-09 23:29:44

    <!DOCTYPE HTML>

    <html>

    <head>

       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

       <title>form中的lable标签</title>

    </head>

    <body>

       <form>

           你对什么运动感兴趣？

           <br />

           <label for="run">慢跑</label>

           <input type="checkbox" name="run" id="run" />

           <br />

           <label for="mountain">登山</label>

           <input type="checkbox" name="mountain" id="mountain" />

           <br />

           <label for="basketball">篮球</label>

           <input type="checkbox" id="basketball" name="basketball">

       </form>

    </body>

    </html>

    1
  • 宝慕林4609891
    2018-07-09 18:03:31

    据我所知，id是唯一的，class名字是相同的，id不能一样，你再改改

    0