Тег fieldset

Тег fieldset группирует поля HTML формы.

Результат при этом обводится рамкой, а подпись, которая создается с помощью тега legend, разрывает эту рамку, создавая неповторимый другими средствами эффект (см. пример).

Если назначить тегу legend какие-либо CSS стили для позиционирования (float, position и т.п.), то его содержимое уйдет с рамки и станет в нужное место (разрыва в рамке при этом больше не будет).

Пример

Давайте разобьем форму на два логических блока с помощью двух тегов fieldset:

html<form>
  <fieldset>
    <legend>Данные покупателя</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Данные продавца</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Смотрите также