最后更新:2026-09-12
<label>表单标签元素
<label>(标签)元素为表单控件定义说明文字。通过 for 属性关联控件的 id,点击标签文字可以聚焦/触发对应的控件,对可访问性和触屏体验都很重要。
| 分类 | 表单 |
|---|---|
| 内容模型 | 短语内容(不含 <label>) |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </label> 标签 |
| 状态 | 标准 |
📝 语法
<label for="username">用户名:</label>
<input type="text" id="username">
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
for | 元素 ID | 关联的表单控件 ID。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <label> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||