Етикет 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>

Результат:

Вижте също