Елемент fieldset

Елементът fieldset групира полета на HTML формуляр.

Резултатът се огражда с рамка, а етикетът, създаден с елемента legend, прекъсва тази рамка, създавайки уникален ефект, който не може да се постигне по друг начин (вижте примера).

Ако се зададат CSS стилове за позициониране на елемента legend (float, position и т.н.), съдържанието му ще излезе от рамката и ще се позиционира на указаното място (прекъсването на рамката вече няма да съществува).

Пример

Нека разделим формуляра на два логически блока с два елемента fieldset:

html<form>
  <fieldset>
    <legend>Данни за купувача</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Данни за продавача</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Вижте също