Тег FIELDSET

Описание

Элемент <FIELDSET> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.

Браузеры для повышения наглядности отображают результат использования тега <FIELDSET> в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера (рис. 1).

Рис. 1. Результат использования тега FIELDSET в браузере Internet Explorer 6 под Windows XP

Рис. 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. Всплывающая подсказка

Рис. 2. Всплывающая подсказка

Синтаксис

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

Аргументы

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

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form>
<fieldset title="Работа со временем">
...
</fieldset>
</form>
</body>
</html>