label标签的作用是为鼠标用户改进了可用性,当用户点击【<label>】标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上。
label标签的作用:
一、<label>标签定义及用法
在html中,<label>标签通常和<input>标签一起使用,<label>标签为input元素定义标注(标记)。
<label>标签的作用是为鼠标用户改进了可用性,当用户点击<label>标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上;
<label>标签在单选按钮和复选按钮上经常被使用,使用该标签后,你点击单选按钮或复选按钮的文本也是可以选中的。
二、<label>标签语法格式
<label for="关联控件的id" form="所属表单id列表">文本内容</label>
说明:
关联控件的id一般指的是input元素的id;
在html5中还新增了一个属性form,form属性是用来规定所属的一个或多个表单的 id 列表,以空格隔开;
当<label>标签不在表单标签<form>中时,就需要使用form属性来指定所属表单;
三、实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中label标签的详细介绍</title></head><body bgcolor="bisque"><form action="" id="form1"><input type="checkbox" id="basketball"><label for="basketball">篮球</label><input type="checkbox" id="football"><label for="football">足球</label><input type="checkbox" id="tableTennis"><label for="tableTennis">乒乓球</label><br><input type="submit" value="提交"/></form><label for="football" form="form1">足球</label></body></html>
运行结果:
相关免费学习:php编程
消息,Binance首席执行官Richard Teng表示,受影响的MICA用户资产将保持安全,并且在7月1日后仍可...
2 MetaMask推出资金账户,用户可在稳定币余MetaMask最近推出了一种资金账户,允许用户在稳定币余额上赚取最高4%的可变年化收益率,同时...
3 杰富瑞:美国Clarity Act通过概率降至48%消息,杰富瑞报告称,美国的Clarity Act面临参议院立法障碍,通过概率已从5月中旬的70%降至4...
4 全网爆仓金额达10.08亿美元,多单爆仓7消息,近24小时全网合约总爆仓金额达到10.08亿美元,其中多单爆仓金额为7.01亿美元。当前比特...
5 Tether的1860亿美元USDT将于明天在欧盟被移消息,Tether的1860亿美元USDT将于7月1日根据MiCA规则在受监管的欧盟加密平台上被移除。Coinbase、...
6 BTC OG内幕巨鲸「 BTC 多仓 TOP 1」:BTC OG内消息,BTC OG内幕巨鲸的多单浮亏已扩大至2,193,122.37美元,亏损比例达到146.97%。该巨鲸的均价为...
7 分析师警告:比特币价格若跌破60000美元消息,比特币价格在60000美元附近徘徊,但分析师警告称,若跌破该水平,可能会目标40000美元...
8 Bybit上线全部世界杯32强淘汰赛净胜球合约消息,Bybit宣布上线强淘汰赛净胜球合约,现已开放赛前交易。焦点对决包括:科特迪瓦vs挪威...
9 Zama宣布1300万美元资金存入Morpho隐私USDC收消息,吴说获悉,Zama宣布目前已有1300万美元资金存入Morphos旗下接受隐私USDC 的全新收益金库。...
10 智利金融市场委员会注销plusspay等加密平智利金融市场委员会注销加密货币平台plusspay的注册资格,原因是该平台与委内瑞拉犯罪组织...
成都来彰科技 蜀ICP备2025134723号-1
资讯来源互联网,如有版权问题请联系管理员删除。