label标签的作用是什么？

时间：2020-12-14 22:55:46

　　label标签的作用是为鼠标用户改进了可用性，当用户点击【<label>】标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上。

　　label标签的作用：

　　一、<label>标签定义及用法

　　在html中，<label>标签通常和<input>标签一起使用，<label>标签为input元素定义标注（标记）。

　　<label>标签的作用是为鼠标用户改进了可用性，当用户点击<label>标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上；

　　<label>标签在单选按钮和复选按钮上经常被使用，使用该标签后，你点击单选按钮或复选按钮的文本也是可以选中的。

　　二、<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编程

上一篇：jquery中slider是什么？返回首页

下一篇：什么是vue.js插件

热点推荐

1 Binance新增15种bStocks代币作为保证金抵押品

消息，Binance官方公告，Binance Cross Margin、Portfolio Margin及Portfolio Margin Pro新增15种bStocks代币作为...

2 长期持有者持币占比升至约78%

消息，分析师darkfost表示，长期持有者持有约1560万枚BTC，占流通供应量约78%。2023年12月该指标...

3 Binance单日ETH提现交易笔数创3年新高

消息，据CryptoQuant数据，Binance单日ETH提现交易笔数超过16.6万笔，创下3年以来的新高。...

4 告别单步工具调用：Browser Use CLI 3.0让AI通