HTML тег <fieldset>

HTML теги

Значение и применение

Тег <fieldset> служит для визуальной группировки элементов, размещенных внутри формы (HTML тег <form>).

Во всех основных браузерах, данный элемент выделяется рамкой, а содержимое элемента получает внутренние отступы со всех сторон. Чтобы указать заголовок для элемента <fieldset> необходимо использовать тег <legend>.

Поддержка браузерами

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<fieldset>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
disabledhtml5disabledЯвляется логическим атрибутом, если он установлен, то группа связанных элементов формы (HTML тег <form>) должна быть отключена. Элементы формы при этом получают серый задний фон. Атрибут используется совместно со скриптами, например, пока какое-то условие не выполнено опция неактивна. Атрибут имеет ограниченную поддержку в Internet Explorer (описание внутри).
formhtml5form_id Указывает один или несколько идентификаторов форм(id) к которым элемент принадлежит. В случае если указывается несколько идентификаторов, то необходимо разделять их между собой пробелом. Атрибут имеет ограниченную поддержку браузерами.
namehtml5text Задает имя для элемента. Применение атрибута не отображается в браузере, но может быть использовано в работе скриптов. Атрибут не поддерживается браузерами Internet Explorer и Edge

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования элемента <fieldset></title>
</head>
<body>
	<form>
		<fieldset>
			<legend>Пожалуйста, представьтесь</legend>
			Имя: <input type =  "text" name = "firstname" value =  "Введите имя"> <br> <br>
			Фамилия: <input type =  "text" name = "lastname" value =  "Введите фамилию"> <br> <br>
			Мужчина <input type =  "radio" name = "sex" value =  "male" checked>
			Женщина <input type =  "radio" name = "sex" value =  "female">
			<br> <br>
			<input type = "submit" name = "submit" value = "отправить">
		</fieldset>
	</form>
</body>
</html>

В этом примере мы:

Результат нашего примера в браузере:

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

Отличия HTML 4.01 от HTML 5

В HTML 5 были введены три новых атрибута для элемента.

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

fieldset {
display : block;
margin-left : 2px;
margin-right : 2px;
padding-top : 0.35em;
padding-bottom : 0.625em;
padding-left : 0.75em;
padding-right : 0.75em;
border : 2px groove (может различаться в некоторых браузерах);
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги