Тег LEGEND

Описание

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

Рис. 1. Результат использования тега LEGEND

Рис. 1. Результат использования тега <LEGEND>

Синтаксис

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

Параметры

align
Определяет выравнивание текста.
title
Добавляет всплывающую подсказку к тексту заголовка.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <LEGEND>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<fieldset>
<legend>Работа со временем</legend>
<input type="checkbox"> создание пунктуальности (никогда не будете никуда опаздывать);<br>
<input type="checkbox"> излечение от пунктуальности (никогда никуда не будете торопиться);<br>
<input type="checkbox"> изменение восприятия времени и часов.
</fieldset>

</body>
</html>

Описание параметров тега <LEGEND>

Параметр ALIGN

Описание

Выравнивание текста заголовка по краю. В браузере Opera атрибут не работает.

Синтаксис

<legend align="left | center | right">...</legend>

Аргументы

left
Выравнивание текста по левому краю.
center
Выравнивание по центру.
right
Выравнивание по правому краю.

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

left

Пример 2. Выравнивание заголовка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<fieldset>
<legend align="right">Lorem ipsum dolor sit amet</legend>
...
</fieldset>
</body>
</html>

Параметр TITLE

Описание

Добавляет поясняющий текст в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на заголовке.

Синтаксис

<legend title="текст">...</legend>

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

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

Нет.

Пример 3. Добавление всплывающей подсказки

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<fieldset>
<legend title="Lorem ipsum...">Lorem ipsum dolor sit amet</legend>
...
</fieldset>
</body>
</html>