码迷,mamicode.com
首页 > 其他好文 > 详细

label的使用

时间:2020-06-05 21:01:34      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:radio   文本   http   绑定   code   相同   单元素   image   mamicode   

label标签

作用:让文本和表单元素绑定在一起

个人理解:根据相同的id绑定,或者包裹成块状元素。

技术图片

 

 代码:

<!-- 方法一:
input将label包裹住,input的id需要和label中的属性for相同,才能绑定成功
-->
<input id="nan1" name="sex1" type="radio"><label for="nan1">男</label>
<input id="nv1" name="sex1" type="radio"><label for="nv1">女</label>
<br><br>
<!-- 方法二
label将input包裹住,需要删除label的for属性
-->
<label><input id="nan2" name="sex2" type="radio">男</label>
<label><input id="nv2" name="sex2" type="radio">女</label>

label的使用

标签:radio   文本   http   绑定   code   相同   单元素   image   mamicode   

原文地址:https://www.cnblogs.com/zhangjiabing/p/13052202.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!