首页 > 代码库 > html form <label>标签基础语法结构与使用案例教程
html form <label>标签基础语法结构与使用案例教程
在表单布局中会遇到label标签的使用，label没有任何样式效果，有触发对应表单控件功能。
比如我们点击单选按钮或多选框前文字对应选项就能被选中，这个就是对文字加了<label>标签实现。
点击<label>标签文字时，实现对应控件被选择，需要对应表单控件id的值与label标签内的for值相同。
请看下面代码
<form action="" method="get"> 性别：<br /> <input name="sex" id="man" type="radio" value="" /> <label for="man">男</label> <input name="sex" id="woman" type="radio" value="" /> <label for="woman">女</label> </form>
还有另外一种方式,用label将文字和文本框一起包起来。效果相同
性别<br /> <label>男<input type = "radio" name = "sex" value = "http://www.mamicode.com/man"></label> <label>女<input type = "radio" name = "sex" value = "http://www.mamicode.com/woman"></label>
性别:
html form <label>标签基础语法结构与使用案例教程
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。