66. Группировка элементов в HTML-формах (FIELDSET, LEGEND)

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

Для удобства пользователей нужно группировать элементы так, чтобы было легче в них ориентироваться. При наличии в форме большого числа элементов, их стоит группировать по блокам.

Для группировки элементов в форме используется тег <fieldset>. Чтобы создать заголовок этой группы используется тег <legend>. Далее пример:

<fieldset>
    <legend>Чекбоксы</legend>
    <input type = "checkbox">первый чекбокс<br>
    <input type = "checkbox">второй чекбокс<br>
</fieldset> 

Атрибуты для <fieldset> и <legend>

Для тегов <fieldset> и <legend> применимы универсальные атрибуты.

Так же для <fieldset> доступны следующие атрибуты:

• disabled - делает блок элементов недоступным для взаимодействия;
• form - в нем указывается форма, к которой относится блок элементов;
• title - всплывающая подсказка для блока элементов формы.

Для тега <legend> доступны следующие атрибуты

• accesskey - переход к блоку элементов с помощью сочетания клавиш;
• align - выравнивание текста заголовка;
• title - всплывающая подсказка для заголовка блока элементов формы.

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

Похожие уроки Codebra

1. В вашей форме создайте многострочное текстовое поле
2. В вашей форме создайте универсальный атрибут формы
3. Из вашего универсального атрибута формы сделайте чекбокс (флажок)
4. Два созданных вами элемента сгруппируйте новым для вас тегом (из этого урока)
5. Озаглавьте вашу группу любым названием

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.