Тег LEGEND

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

<fieldset> <legend>контент</legend> </fieldset>

Параметры

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

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

Обязателен.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <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>

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

Рис. 1

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

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

Параметр ALIGN

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

left

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LEGEND, параметр align</title>
 </head>
 <body>

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

 </body>
</html>

Параметр TITLE

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

Нет.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LEGEND, параметр title</title>
 </head>
 <body>

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

 </body>
</html>