Перейти к содержанию

Группировка элементов формы

<fieldset>

Элементы формы, связанные по смыслу, можно сгруппировать между тегами <fieldset> и </fieldset>.

Это бывает особенно полезно при создании длинных форм.

Большинство браузеров отобразят <fieldset> в виде рамки вокруг группы элементов формы.

Внешний вид рамки может быть изменен с помощью каскадных таблиц стилей (CSS).

<legend>

Элемент <legend>, содержащий надпись для обозначения группы элементов формы, как правило, помещают сразу после открывающего тега элемента <fieldset>.

Код
<fieldset>
    <legend>Контактная информация</legend>
    <label>Email:<br />
        <input type="text" name="email" />
    </label>
    <br />
    <label>Телефон: <br />
        <input type="text" name="phone" />
    </label>
    <br />
    <label>Факс:<br />
        <input type="text" name="fax" />
    </label>
</fieldset>
Результат