Тег FIELDSET
Описание
Элемент <FIELDSET> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.
Браузеры для повышения наглядности отображают результат использования тега <FIELDSET> в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера (рис. 1).
Рис. 1. Результат использования тега <FIELDSET> в браузере Internet Explorer 6 под Windows XP
Синтаксис
<form>
<fieldset>...</fieldset>
</form>
Параметры
- align
- Определяет выравнивание группы по краю формы. Этот параметр не работает в некоторых браузерах, например, в Firefox 1.0.
- title
- Добавляет всплывающую подсказку к группе формы.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <FIELDSET>
<html>
<body>
<form>
<fieldset>
<legend>Работа со временем</legend>
<input type="checkbox"> создание пунктуальности (никогда не
будете никуда опаздывать);<br>
<input type="checkbox"> излечение от пунктуальности (никогда
никуда не будете торопиться);<br>
<input type="checkbox"> изменение восприятия времени и часов.
</fieldset>
</form>
</html>
Описание параметров тега <FIELDSET>
Параметр ALIGN
Описание
Задает выравнивание группы по краю формы. По умолчанию группа, созданная с помощью тега <FIELDSET>, занимает 100% от ширины формы, поэтому добавление параметра align не приведет к заметному эффекту. Результат этого параметра будет проявляться только в случае, когда ширина формы (тег <FORM>) и блока <FIELDSET> различается. Используя стили и атрибут width можно указать разную ширину, и тогда параметр align будет выравнивать блок внутри формы. Такой же результат можно получить и путем применения свойства CSS text-align.
Синтаксис
<fieldset align="left | center | right">...</fieldset>
Аргументы
- left
- Выравнивание группы по левому краю формы.
- center
- Выравнивание по центру.
- right
- Выравнивание по правому краю.
Значение по умолчанию
left
Пример 2. Выравнивание группы
<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. Добавление всплывающей подсказки
<html>
<body>
<form>
<fieldset title="Работа со временем">
...
</fieldset>
</form>
</body>
</html>