HTML тег <legend>

HTML теги

Значение и применение

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

Поддержка браузерами

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<legend>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
alignleft
right
top
bottom
Не поддерживается в HTML5.
Определяет выравнивание заголовка.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тега <legend></title>
	</head>
	<body>
		<form>
			<fieldset>
				<legend>Пожалуйста, представьтесь</legend>
				Имя: <input type =  "text" name = "firstname" value =  "Введите имя"> <br> <br>
				Фамилия: <input type =  "text" name = "lastname" value =  "Введите фамилию"> <br> <br>
				Мужчина <input type =  "radio" name = "sex" value =  "male" checked>
				Женщина <input type =  "radio" name = "sex" value =  "female">
				<br> <br>
				<input type = "submit" name = "submit" value = "отправить">
			</fieldset>
		</form>
	</body>
</html>

В этом примере мы:

Результат нашего примера в браузере:

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

Отличия HTML 4.01 от HTML 5

В HTML 5 атрибут align больше не поддерживается.

Значение CSS по умолчанию

legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги