为了账号安全,请及时绑定邮箱和手机立即绑定

不清楚这几个的作用

我想知道label for ,id ,name这几个有什么作用谢谢

正在回答

7 回答

请问是在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的篮球和登山选项效果如下

http://img1.sycdn.imooc.com//593b4cef0001bcb609601280.jpghttp://img1.sycdn.imooc.com//593b4d4c0001e5ab09601280.jpg

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

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

http://img1.sycdn.imooc.com//593b4d4d0001108109601280.jpg

http://img1.sycdn.imooc.com//593b4d4d0001549809601280.jpg



以上是有无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 回复 有任何疑惑可以回复我~
#1

慕姐2633818

有种恍然大悟的感觉,谢谢!
2017-08-04 回复 有任何疑惑可以回复我~

标点符号错了不好排查

kutbf

0 回复 有任何疑惑可以回复我~

回答得太好了!谢谢高手

0 回复 有任何疑惑可以回复我~

恍然大悟!!!!

0 回复 有任何疑惑可以回复我~

谢谢谢谢

0 回复 有任何疑惑可以回复我~

总算弄明白了

0 回复 有任何疑惑可以回复我~

原来如此,感谢

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

不清楚这几个的作用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信