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

Тег fieldset

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

Тег <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> и для группировки элементов форм
Твой код:

Результат: