Тег <fieldset>

IE
3.0+
Chrome
1.0+
Opera
2.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Описание

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

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

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

Атрибуты

disabled: Блокирует поля формы в группе
form: Связывает группу с формой
title: Добавляет всплывающую подсказку к группе формы

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

Пример

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<title>Тег fieldset</title>
</head>
<body>  

<form action="work.php" method="post">
<fieldset>
   <legend>График работы</legend>
   <div>
		<input type="checkbox">
		<label>постоянный</label>
	</div>
	<div>
		<input type="checkbox">
		<label>удаленный</label>
	</div>
</fieldset>
<div><input type="submit"></div>
</form> 

</body>
</html>

Результат данного примера показан на рисунке ниже:

Результат использования тега <fieldset> в браузере Internet Explorer 8

Результат использования тега <fieldset> в браузере Firefox

Категория: Блочные элементы, Формы

Статьи по теме

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