Синтаксис

<legend>...</legend>

Описание

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

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

Примечание!

Для правильной работы тег <fieldset> помещают в тег <form> для сбора пользовательского ввода. Указывают заголовок тегом <legend> и чаще всего используют тег <input> для создания различных пунктов. 

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

Атрибуты, которые можно использовать в теге <legend>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
align top
bottom
left
right

Он определяет выравнивание заголовка.
Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег legend</title>
</head>
<body>
    <form>
        <fieldset>
            <legend>Контактные данные</legend>
            Имя: <input type="text" size="20"><br>
            Email: <input type="text" size="20"><br>
            День рождения: <input type="text" size="10">
        </fieldset>
    </form>
</body>
</html>

Отображение в браузере:

Контактные данные Имя:
Email:
День рождения:

Параметры CSS по умолчанию

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

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<legend> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.