HTML label标签 - 21技术

2025-06-16 01:10:02 Monday

HTML <label>标签

上一章下一章

例子

三个带有标签的单选按钮:

<form action="demo_form.asp">
  <label for="male">男</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">其它</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="提交">
</form>

定义和使用

<label>标签定义<input>元素的标签.

<label>元素没有渲染任何特殊信息给用户.然而,它为鼠标用户提供了可用性改进,因为如果用户单击<label>元素中的文本,等价于单击了相应的控件.

<label>标记的for属性值是相关元素的id属性,以便将它们绑定在一起.

浏览器支持

元素
<label>	支持	支持	支持	支持	支持

提示和注意

提示:标签可以通过使用"for"属性绑定到元素,或者将元素放置在<label>元素中.

HTML 4.01和HTML5之间的差异

"form"属性是HTML5里新出的.

属性

=HTML5新属性

属性	属性值	描述
for	element_id	指定标签绑定到哪个元素.
form	form_id	指定标签所属的一个或多个表单.

全局属性

<label>标签也支持HTML全局属性.

事件属性

<label>元素也支持HTML事件属性.

默认CSS设置

大多数浏览器将以下面的CSS样式来显示<label>标签:

label {
    cursor: default;
}

上一章下一章

评论区

21技术 www.21xrx.com 备案号：蜀ICP备17043188号-2

其它

提取图片文字免费的JetBrains license services json在线解析 base64加解密文章搜索

最新文章

使用OPENCV函数实现图像明亮度增强的直方图均衡化安卓视频编辑：Ffmpeg的应用如何在Anaconda中安装和使用OpenCV OpenCV中resize函数的源码分析使用OpenCV编写数字识别函数