通过label标记实现单选框点击文字也能选中
导读：收集整理的这篇文章主要介绍了通过label标记实现单选框点击文字也能选中，觉得挺不错的，现在分享给大家，也给大家做个参考。 <label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特...
收集整理的这篇文章主要介绍了通过label标记实现单选框点击文字也能选中，觉得挺不错的，现在分享给大家，也给大家做个参考。 label>
标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。label>
标签的 for 属性应当与相关元素的 id 属性相同 实例1:
复制代码代码如下:
label for="man">
input tyPE="radio" value="男" name="man" id="man"/>
男
/label>
label for="man2">
input type="radio" value="女" name="man" id="man2"/>
女
/label>
实例2：
复制代码代码如下:
input type="checkbox" name="Pages" value="Job" id="Job" > label for="Job"> 添加、编辑招聘信息/label>
input type="checkbox" name="Pages" value="JobQuery" id="JobQuery" & gt; label for="JobQuery"> 查询、删除招聘信息/label>
input type="checkbox" name="Pages" value="TechnoLOGy" id="Technology" checked& gt; label for="Technology"> 添加、修改科技项目/label>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 通过label标记实现单选框点击文字也能选中
本文地址： https://pptw.com/jishu/587988.html