html中如何使用label标签

小编给大家分享一下html中如何使用label标签，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

10多年的古田网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整古田建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“古田网站设计”,“古田网站推广”以来，每个客户项目都认真落实执行。

html label标签用于为 input 元素定义标注（标记）；label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性；当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

html label标签怎么用？

作用：为 input 元素定义标注（标记）。

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

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

html label标签 示例1：

	


请点击文本标记之一，就可以触发相关控件：

Male



Female

效果图：

html label标签 示例2：

	


点击文本，就可以触发相关控件：

Male



Female

效果图：

看完了这篇文章，相信你对html中如何使用label标签有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！