html中label标签属性介绍

<!-- 示例代码：label标签的基本用法 -->
<form>
  <!-- for属性将label与特定的input元素关联起来 -->
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br><br>

  <!-- label可以直接包裹input元素，这种方式也可以关联label和input -->
  <label>
    是否同意条款:
    <input type="checkbox" name="agree">
  </label><br><br>

  <!-- 使用其他属性如class或id来设置样式或进行JavaScript操作 -->
  <label for="email" class="custom-label">电子邮件:</label>
  <input type="email" id="email" name="email">
</form>

解释说明：

1. for属性：<label for="username"> 中的 for 属性值必须与对应的 <input> 元素的 id 属性值相同。这样点击 label 时会自动聚焦到关联的 input 元素上。
2. 直接包裹：<label> 标签可以直接包裹 <input> 元素，这种方式也能实现 label 和 input 的关联。
3. 其他属性：可以为 label 标签添加 class 或 id 属性，以便使用 CSS 或 JavaScript 进行样式设置或交互操作。