English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Тег <fieldset> в HTML расположен внутри тега <form> и используется для группировки связанных элементов формы. Тег <legend> используется для создания заголовка для <fieldset>. Этот тег также часто называют элементом <fieldset>.
Группировка связанных элементов в форме:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Использование тега fieldset в HTML5 (Базовый курс на oldtoolbag.com)</title> </head> <body> <form> <fieldset> <legend>Информация о клиенте (oldtoolbag.com)</legend> Имя: <input type="text"><br> Адрес: <input type="text"><br> Телефонный номер: <input type="text"> </fieldset> </form> </body> </html>Проверьте, посмотри <‹/›>
Результат после выполнения:
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают тег <fieldset>.
Тег <fieldset> может группировать элементы формы.
Тег <fieldset> рисует рамку вокруг связанных элементов формы.
Большинство браузеров будут отображать чёрную рамку вокруг тега <fieldset>, но вы можете использовать CSS для изменения этого поведения.
Вы можете использовать тег <legend> для отображения заголовка <fieldset>. Этот заголовок будет представлен перед соответствующими элементами формы в <fieldset> и будет выглядеть, как если бы он парил над верхней рамкой <fieldset>.
Совет:<legend> Тег <fieldset> определяет заголовок элемента <fieldset>.
В HTML5 добавлены новые свойства тега <fieldset>: disabled, form, name, которые не поддерживаются в HTML 4.01.
| Свойство | Значение | Описание |
|---|---|---|
| disabledHTML5 | disabled | Определяет, что соответствующие элементы формы в этой группе должны быть отключены. |
| formHTML5 | form_id | Определяет один или несколько форм, к которым принадлежит fieldset. |
| nameHTML5 | text | Определяет имя fieldset. |
Поддержка тега <fieldset> Глобальные свойства HTML.
Поддержка тега <fieldset> Свойства событий HTML.