Перейти к содержанию

<fieldset>

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

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

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

Синтаксис

<form>
  <fieldset>...</fieldset>
</form>

Закрывающий тег обязателен.

Атрибуты

disabled
Блокирует поля формы в группе.
form
Связывает группу с формой.
name
Задает имя набора полей.

Также для этого элемента доступны универсальные атрибуты.

disabled

Блокирует доступ к элементам формы, расположенным внутри тега <fieldset>. Поля формы при этом отображаются так, словно к каждому из них добавлен атрибут disabled.

Синтаксис

<fieldset disabled>...</fieldset>

Значения

Нет.

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

По умолчанию этот атрибут выключен.

form

Связывает группу <fieldset> с формой по её идентификатору. Такая связь необходима в случае, когда элемент не располагается внутри <form>, например, при создании её программно. Если установлено связывание <form> и <fieldset> между собой, то можно отправлять данные на сервер и работать с формой, как если бы элементы находились внутри формы.

Синтаксис

<fieldset form="<идентификатор>">
  ...
</fieldset>

Значения

Идентификатор формы (значение атрибута id элемента <form>).

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

Нет.

Спецификации

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>FIELDSET</title>
  </head>
  <body>
    <form action="handler.php">
      <fieldset>
        <legend>Работа со временем</legend>
        <input type="checkbox" /> создание пунктуальности (никогда не будете
        никуда опаздывать);<br />
        <input type="checkbox" /> излечение от пунктуальности (никогда никуда не
        будете торопиться);<br />
        <input type="checkbox" /> изменение восприятия времени и часов.
        <p><input type="submit" /></p>
      </fieldset>
    </form>
  </body>
</html>

Ссылки