Пример
Сгруппируйте связанные элементы в форме:
form action="/action_page.php"
fieldset
legendПерсона:/legend
label for="fname"Имя:/label
input type="text" id="fname" name="fname"brbr
label for="lname"Фамилия:/label
input
type="text" id="lname" name="lname"brbr
label
for="email"Email:/label
input type="email"
id="email" name="email"brbr
label
for="birthday"День рождение:/label
input type="date"
id="birthday" name="birthday"brbr
input
type="submit" value="Submit"
/fieldset
/form
Попробуйте сами »
Определение и использование fieldset
Тег fieldset используется для группировки связанных элементов в форме.
Тег fieldset рисует прямоугольник вокруг связанных элементов.
Совет: Тег legend используется для определения заголовка элемента fieldset.
Поддержка браузеров fieldset
| Элемент | |||||
|---|---|---|---|---|---|
| fieldset | Да | Да | Да | Да | Да |
Атрибуты fieldset
| Атрибут | Значение | Описание |
|---|---|---|
| disabled | disabled | Указывает, что группа связанных элементов формы должна быть отключена |
| form | form_id | Указывает, к какой форме принадлежит набор полей |
| name | text | Задает имя для набора полей |
Глобальные атрибуты fieldset
Тег fieldset также поддерживает Глобальные атрибуты в HTML.
События атрибутов fieldset
Тег fieldset также поддерживает События атрибутов в HTML.
Еще примеры fieldset
Пример
Используйте стиль CSS для fieldset и legend:
html
head
style
fieldset {
background-color: #eeeeee;
}
legend {
background-color: gray;
color: white;
padding: 5px 10px;
}
input {
margin: 5px;
}
/style
/head
body
form action="/action_page.php"
fieldset
legendПерсона:/legend
label for="fname"Имя:/label
input type="text" id="fname" name="fname"brbr
label for="lname"Фамилия:/label
input
type="text" id="lname" name="lname"brbr
label
for="email"Email:/label
input type="email"
id="email" name="email"brbr
label
for="birthday"День рождение:/label
input type="date"
id="birthday" name="birthday"brbr
input
type="submit" value="Submit"
/fieldset
/form
/body
/html
Попробуйте сами »
Связные страницы fieldset
HTML DOM справочник: Объект fieldset
Настройки CSS по умолчанию fieldset
Большинство браузеров будут отображать элемент fieldset со следующими значениями по умолчанию:
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 (internal value);
}