Тег <legend>
Тег <legend> применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<fieldset>
<legend>Текст</legend>
</fieldset>
атрибуты:
accesskey - Атрибут accesskey позволяет перейти к группе элементов формы с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой.
align - Выравнивание текста заголовка по краю.
title - Добавляет поясняющий текст в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на заголовке.
align - Выравнивание текста заголовка по краю.
title - Добавляет поясняющий текст в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на заголовке.
пример кода:
<!DOCTYPE HTML>
<html>
<head>
<meta 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>
примечание:
Вид рамки и текста заголовка может различаться в разных браузерах. Например, в браузере Safari рамка прямоугольная, а в Internet Explorer рамка имеет скругленные углы.