Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег fieldset | назначение, синтаксис, атрибуты, примеры

Тег fieldset

Последнее обновление: 27.02.2009

Тег <fieldset> (с англ. набор полей) — тег-контейнер, предназначен для группировки элементов формы.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<form>
<fieldset>...</fieldset>
</form>
Атрибуты


acceskey горячая клавиша (+Alt) для элемента.
Отсутствует в спецификации HTML 4.01!
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный индетификатор
lang определяет язык отображаемого документа
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
Пример

Группировка элементов формы


<form action="post">
<fieldset title="объекты в рамке">
<label for="inpSearch">Найти:</label>
<input name="inpSearch" value="чертежи сверхсекретного истребителя"/>
<input type="submit" value="искать"/>
</fieldset>
</form>
Рекомендации по использованию
  • закрывающий тег обязателен (</fieldset>)
  • обязательных атрибутов нет
  • может содержать CDATA, строчные, блочные элементы и тег <legend>
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)
  • большинство браузеров выделяют блок рамкой
  • тег <fieldset> может некорректно отображаться старыми браузерами
  • рекомендуем использовать только внутри тега <form> и для группировки элементов форм
Твой код:

Результат: