Тег FIELDSET
Описание
Элемент <FIELDSET> предназначен для группирования
элементов формы. Такая группировка облегчает работу с формами, содержащих большое
число данных. Например, один блок может быть предназначен для ввода текстовой
информации, а другой — для флажков.
Браузеры для повышения наглядности отображают результат использования тега
<FIELDSET> в виде рамки. Ее вид зависит от операционной
системы, а также используемого браузера (рис. 1).
Рис. 1. Результат использования тега <FIELDSET>
в браузере Internet Explorer 6 под Windows XP
Синтаксис
<form>
<fieldset>...</fieldset>
</form>
Параметры
- align
- Определяет выравнивание группы по краю формы. Этот параметр не работает
в некоторых браузерах, например, в Firefox 1.0.
- title
- Добавляет всплывающую подсказку к группе формы.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <FIELDSET>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form>
<fieldset>
<legend>Работа со временем</legend>
<input type="checkbox"> создание пунктуальности (никогда не
будете никуда опаздывать);<br>
<input type="checkbox"> излечение от пунктуальности (никогда
никуда не будете торопиться);<br>
<input type="checkbox"> изменение восприятия времени и часов.
</fieldset>
</form>
</body>
</html>
Описание параметров тега <FIELDSET>
Параметр ALIGN
Описание
Задает выравнивание группы по краю формы. По умолчанию группа, созданная с
помощью тега <FIELDSET>, занимает 100% от ширины
формы, поэтому добавление параметра align не приведет
к заметному эффекту. Результат этого параметра будет проявляться только в случае,
когда ширина формы (тег <FORM>) и блока <FIELDSET>
различается. Используя стили и атрибут width можно
указать разную ширину, и тогда параметр align будет
выравнивать блок внутри формы. Такой же результат можно получить и путем применения
свойства CSS text-align.
Синтаксис
<fieldset align="left | center | right">...</fieldset>
Аргументы
- left
- Выравнивание группы по левому краю формы.
- center
- Выравнивание по центру.
- right
- Выравнивание по правому краю.
Значение по умолчанию
left
Пример 2. Выравнивание группы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form style="width: 600px; background: #f0f0f0; padding: 10px">
<fieldset style="width: 50%" align="right">
<input type="checkbox"> создание пунктуальности (никогда не
будете никуда опаздывать);<br>
<input type="checkbox"> излечение от пунктуальности (никогда
никуда не будете торопиться);<br>
<input type="checkbox"> изменение восприятия времени и часов.
</fieldset>
</form>
</body>
</html>
Параметр TITLE
Описание
Добавляет поясняющий текст в виде всплывающей подсказки, которая отображается,
когда курсор мыши задерживается на группе формы (рис. 2).
Рис. 2. Всплывающая подсказка
Синтаксис
<fieldset title="текст">...</fieldset>
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные
кавычки.
Значение по умолчанию
Нет.
Пример 3. Добавление всплывающей подсказки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form>
<fieldset title="Работа со временем">
...
</fieldset>
</form>
</body>
</html>