HTML - тег <legend>
определяет заголовок для элемента fieldset
.
Тег <legend>
представлен парами. Содержимое записывается между открывающим (<legend>
) и закрывающим (</legend>
) тегами.
Пример группировки связанных элементов в форме:
<form>
<fieldset>
<legend>Персональная форма:</legend>
<label for="fname">Имя:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Фамилия:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="birthday">Дата Рождения:</label>
<input type="date" id="birthday" name="birthday"><br><br>
</fieldset>
</form>
<legend>
определяет заголовок для группы элементов формы, сгруппированных тегом <fieldset>;<legend>
;<legend>
определяется как первый элемент родительского элемента <fieldset>
.<legend>
может указывать заголовки разделов формы, являясь альтернативой элементам заголовка <h1>-<h6>. Создание полей формы в группах <fieldset>
с соответствующими заголовками поможет упростить использование сложных форм.Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает |
Тег <legend>
также поддерживает глобальные атрибуты в HTML
Тег <legend>
также поддерживает атрибуты событий в HTML
Большинство браузеров отображают элемент legend
со следующими значениями по умолчанию:
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.