HTML :: Тег <legend>

В HTML тег <legend> (от англ. legend – легенда, надпись) используется для создания заголовка группы элементов формы, объединенной при помощи элемента <fieldset>.

Полученный заголовок может по-разному отображаться в зависимости от используемого браузера.

Синтаксис

	<fieldset>
		<legend>...</legend>		
	</fieldset>
	
	Закрывающий тег: обязателен.

Атрибуты

Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/form-elements.html#the-legend-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/legend

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<base href="https://site.name/">
	<title>Пример №1</title>
</head>
<body>

<form action="php/registration.php" method="POST" name="reg_form">
 
<fieldset>

 <!-- Создаем заголовок группы -->
 <legend>Ваш любимый напиток: </legend>
 
 <!-- Элементы группы -->
 <label><input type="radio" name="drink" value="coffee" checked>Кофе</label><br>
 <label><input type="radio" name="drink" value="green_tea">Зеленый чай</label><br>
 <label><input type="radio" name="drink" value="black_tea">Черный чай </label><br>

</fieldset><br><br>
 
<button type="submit" disabled>Отправить</button>  
</form>	
	
</body>
</html>

Пример №1