86考网
会考成绩查询
您的位置:首页 > 范文 > IT技术专栏 > 网页制作 >

通过label标记实现单选框点击文字也能选中

作者:86考网 发布时间:2015-09-12 00:33:41 [手机版]
摘要:label 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。lab

<label> 标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同

实例1:

代码如下:

<label for="man">

<input type="radio" value="男"/>

</label>

<label for="man2">

<input type="radio" value="女"/>

</label>

实例2:

代码如下:

<input type="checkbox" value="Job" ><label for="Job">添加、编辑招聘信息</label>

<input type="checkbox" value="JobQuery" &gt;<label for="JobQuery">查询、删除招聘信息</label>

<input type="checkbox" value="Technology" checked&gt;<label for="Technology">添加、修改科技项目</label>

更多信息请查看IT技术专栏


标签: 通过 label 标记 实现 单选 点击 文字 也能 选中
相关推荐
86考网声明:
(一) 由于各方面情况的调整与变化,本网所提供的考试信息仅供参考,敬请以权威部门公布的正式信息为准。
(二) 本网注明来源为其他媒体的稿件均为转载稿,免费转载出于非商业性学习目的,版权归原作者所有。如有内容、版权等问题请在30日内与本网联系。联系方式:邮件 jiansou123#126.com
最近更新
网站地图 | XML地图 | 手机版 | 标签
版权所有 © 2005-2022 www.kaoshi86.com 会考成绩查询 All Rights Reserved
本网站所有信息全是来源于互联网,如有侵权请来电咨询! 粤ICP备15072123号