Чтобы использовать элемент в форме HTML, вы можете использовать следующие методы:

1. Основное использование. Самый простой способ использовать элемент — связать его с полем формы с помощью атрибута forи предоставить . >idсоответствующего поля формы. Например:

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

2. Обертывание поля формы. Другой способ использования элемента — это обертывание поля формы в теги . Этот метод улучшает доступность за счет явного связывания метки с полем формы. Например:

<label>
  Username:
  <input type="text" name="username">
</label>

3. Неявная маркировка. В HTML5 введена концепция неявной маркировки, при которой поле формы можно вложить внутрь элемента без использования атрибута for. Этот метод удобен, когда поле формы является потомком элемента . Например:

<label>
  <input type="checkbox" name="accept-terms">
  I agree to the terms and conditions
</label>

4. Группировка полей формы. Вы можете использовать элемент для группировки связанных полей формы вместе с помощью

   и

   элементы. Элемент

   действует как метка для всей группы. Например:

<fieldset>
  <legend>Shipping Address</legend>
  <label for="street">Street:</label>
  <input type="text" id="street" name="street">
  <!-- Additional form fields -->
</fieldset>