Тег legend

Тег legend задает подпись над группировкой полей HTML формы, сделанной с помощью тега fieldset.

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

Пример

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

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

Результат:

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