个回答

• 路蒙蒙

  2017-06-10 09:43:07

  已采纳

  请问是在form中用到的吗？

  form表单中的label标签是结合for和id用的，比如以下的代码中，实现的是复选框，其中慢跑选项没有加label，其他两个选项加了label。

  <form>
      你对什么运动感兴趣：<br/>
    慢跑
    <input type="checkbox" name="checkbox1" value="run"   />
    <br />
    <label for="climber">登山</label>
    <input type="checkbox" name="checkbox2" value=""climber id="climber" />
    <br />
    <label for="basketball">篮球</label>
    <input type="checkbox" name="checkbox3" value="playbasketball" id="basketball"/> 
    
  </form>

  加了label的篮球和登山选项效果如下
  

  

  鼠标放在篮球字样上，是箭头，点击鼠标，复选会框被选中。

  没有添加label标签的慢跑效果如下，鼠标移动到慢跑字样上，显示为“I”,点击无反应，必须点击到复选框那个小框框才能选中。

  

  

  
  

  
  

  以上是有无label的区别，label要和input里面的id联合起来用才有作用，label标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同，这样才有以上的效果。

  而name是后台接收参数用的，name传输到后台之后，才会接着接收到value的值。

  
  

  想要实现以上效果，label还有一个简单的用法，用不到for和id

  1.<label>慢跑<input type="checkbox" name="checkbox1" value="run"   /></label>
  2.<label for="run">慢跑</label> <input type="checkbox" name="checkbox1" value="run" id="run"  />
  
  以上1与2实现的效果一样

  以上仅代表个人理解，如有不当欢迎指正，谢谢。

  14

• 慕妹9517220

  2017-10-26 16:22:15

  回答得太好了！谢谢高手

  0

• Levier007

  2017-08-10 21:36:50

  恍然大悟！！！！

  0

• qq_S_131

  2017-08-03 12:14:25

  谢谢谢谢

  0

• qq_身影_1

  2017-07-03 11:20:57

  总算弄明白了

  0

• 慕粉0858162293

  2017-06-10 10:16:11

  原来如此，感谢

  0