HTML DOM Label 对象

<label> 标签用于定义表单控件的标注，是一个非常重要的 HTML 对象，用于提高表单的可访问性和用户体验。在前端开发中，我们经常会使用 <label> 标签来关联表单控件，使用户更容易理解表单的用途。

属性

• for：指定与标签关联的表单控件的 id 值。
• form：指定 <label> 所属的表单。

示例代码

<form>
  <label for="username">Username:</label>
  <input type="text" id="username">
</form>

在上面的示例代码中，<label> 标签的 for 属性指定了与其关联的表单控件的 id 值为 "username"，这样当用户点击标签时，表单控件会获得焦点。

注意事项

1. 使用 <label> 标签可以提高表单的可访问性，使用户更容易理解表单的用途。
2. 使用 for 属性关联表单控件时，确保 for 属性的值与表单控件的 id 值相匹配。
3. 可以通过 CSS 样式来美化 <label> 标签，提升页面的视觉效果。

在实际开发中，合理使用 <label> 标签可以让用户更加方便地填写表单内容，提升用户体验，建议开发者在编写表单时充分利用 <label> 标签。