Тег <legend>

IE
4.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

Закрывающий тег обязателен.

<fieldset><legend>Текст</legend></fieldset>

Атрибуты

accesskey: Переход к группе элементов формы с помощью комбинации клавиш.
align: Определяет выравнивание текста.
title: Добавляет всплывающую подсказку к тексту заголовка.

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег legend</title>
  <style>
	label {display:block}
	fieldset {display:inline}
  </style>
 </head>
 <body>  

<fieldset>
	<legend>Место</legend>
	<label><input type="radio" name="place" value="dno"> станция Дно<label>
	<label><input type="radio" name="place" value="leningrad"> Ленинград<label>
	<label><input type="radio" name="place" value="moscou"> Москва - златые купола<label>
</fieldset>
<fieldset>
	<legend>Пропажа</legend>
	<label><input type="radio" name="loss" value="picture"> картина<label>
	<label><input type="radio" name="loss" value="cart"> корзина<label>
	<label><input type="radio" name="loss" value="box"> картонка<label>
	<label><input type="radio" name="loss" value="little_dog"> маленькая собачонка<label>
</fieldset>

</body>
</html>

Результат данного примера показан на рисунке ниже

Вид заголовка группы, полученного с помощью тега legend

Браузеры

Вид рамки и текста заголовка может различаться в разных браузерах. Например, в браузере Safari рамка прямоугольная, а в Internet Explorer рамка имеет скругленные углы.

Категория: Формы

Статьи по теме

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