Fieldset & legend

Эти теги предназначены для семантической группироваки форм. Программы для автоматического чтения ориентируюся на данные теги.

Fieldset рзмещается внутри form и с помощью legend объявляет о значении элементов form. В то время как label сообщает о значении поля. Очень важно чтобы тексты label и legend не совпадали, а если такое может произойти, значит стоит отказаться от legend

Пример (из MDN)


<form>
  <fieldset>
    <legend>Fruit juice size</legend>
    <p>
      <input type="radio" name="size" id="size_1" value="small">
      <label for="size_1">Small</label>
    </p>
    <p>
      <input type="radio" name="size" id="size_2" value="medium">
      <label for="size_2">Medium</label>
    </p>
    <p>
      <input type="radio" name="size" id="size_3" value="large">
      <label for="size_3">Large</label>
    </p>
  </fieldset>
</form>
        
back