通过label标记实现单选框点击文字也能选中
建站知识 2021-07-02 22:42www.168986.cn长沙网站建设
<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" ><label for="JobQuery">查询、删除招聘信息</label>
<input type="checkbox" name="Pages" value="Technology" id="Technology" checked><label for="Technology">添加、修改科技项目</label>
实例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" ><label for="JobQuery">查询、删除招聘信息</label>
<input type="checkbox" name="Pages" value="Technology" id="Technology" checked><label for="Technology">添加、修改科技项目</label>
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML