Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- В вашей форме создайте многострочное текстовое поле
- В вашей форме создайте универсальный атрибут формы
- Из вашего универсального атрибута формы сделайте чекбокс (флажок)
- Два созданных вами элемента сгруппируйте новым для вас тегом (из этого урока)
- Озаглавьте вашу группу любым названием
В предыдущем уроке познакомились с бесполезным тегом <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 по тегу HTML.
