HTML <label> 标签

炫客网 • • 炫客网 • 技术文档 • 阅读 675
赞助

实例

带有两个输入字段和相关标记的简单 HTML 表单：

<form>

<label for="male">Male</label>

<input type="radio" name="sex" id="male" />

<br />

<label for="female">Female</label>

<input type="radio" name="sex" id="female" />

</form>

浏览器支持

所有主流浏览器都支持 <label> 标签。

Safari 2 或更早的版本不支持 <label> 标签。

定义和用法

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

HTML 与 XHTML 之间的差异

NONE

提示和注释：

注释：”for” 属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值。

属性

new : HTML5 中的新属性。

属性 值 描述
for id 规定 label 绑定到哪个表单元素。
form formid 规定 label 字段所属的一个或多个表单。
1、本站所有资源来源于用户上传和网络，版权争议与本站无关，版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得使用于非法商业用途，商用请购买正版，不得违反国家法律。否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7、不保证所有资源都完整可用，不排除存在加密、BUG、需要授权或者残缺的可能，由于资源的特殊性，下载后一律不予退货！
8、本文来自炫客网搜集整理，如有侵权请联系管理员删除，转载请注明出处：https://www.xuankewang.com/3299.html
赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
炫客网炫客网管理团队
0
上一篇 2022-03-02 06:46
下一篇 2022-03-02 07:01
赞助

猜你喜欢

联系我们

173-662-005

在线咨询： QQ交谈

邮件：woowuo@126.com

工作时间：周一至周五，10:30-18:30，节假日休息

关注微信
1、本站所有资源版权归原创者所有，如有侵权请邮件联系我们！
2、分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3、不得用于非法商业用途，商用请购买正版，不得违反国家法律，否则后果自负！
4、本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5、如有链接无法下载、失效或广告，请联系管理员处理！
6、本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7、不保证所有资源都完整可用，不排除存在加密、BUG、需授权或者残缺的可能。
8、由于资源源码的特殊性及可复制性，购买后一律不予退货，请谨慎选购。
我已知晓并同意