Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Тег LEGEND

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Параметры

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

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

Обязателен.

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LEGEND</title>
</head>
<body>

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

</body>
</html>

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

Рис. 1

Рис. 1. Вид заголовка группы, полученного с помощью тега <LEGEND>

Вид рамки и текста заголовка может различаться в разных браузерах. Например, в браузере Opera (рис. 1) рамка прямоугольная, а в Internet Explorer (рис. 2) рамка имеет скругленные углы. К тому же цвет текста заголовка в этих браузерах отличается.

Рис. 1

Рис. 2. Вид заголовка группы в браузере Internet Explorer под Windows XP

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

Параметр ALIGN

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Нет Нет Нет Да Да Да Да
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

left

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LEGEND, параметр align</title>
</head>
<body>

<fieldset>
<legend align="right">Lorem ipsum dolor sit amet</legend>
<p>... </p>
</fieldset>

</body>
</html>

Параметр TITLE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

Нет.

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

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег LEGEND, параметр title</title>
</head>
<body>
<fieldset>
<legend title="Lorem ipsum...">Lorem ipsum dolor sit amet</legend>
<p>... </p>
</fieldset>
</body>
</html>




На главную









При использовании материалов сайта ссылка на comnew.ru обязательна!

x