Тег <form> определяет HTML-форму, которая содержит интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер. Форма HTML используется для сбора информации о пользователе, такой как имя пользователя, пароль, контакты и т. д.
Информация может быть получена с использованием множества различных элементов управления формы, таких как <input>, <textarea>, <select>, <option>, <button>. Существуют также элементы для управления маркировкой и группировкой, например <optgroup>, <fieldset>, <legend> и <label>.
| Тип: | Block |
| Контент: | Блочные, строчные элементы, текст, но нельзя вставлять другие элементы <form> |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | HTML 2, 3.2, 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <form> выглядит следующим образом:
HTML / XHTML: <form action="URL" method="get|post"> ... </form>
Примеры написания кода тега <form>:
<form action="action.php" method="post">
<p>
Имя: <input type="text" name="first-name">
<button type="submit" value="Отправить">Отправить</button>
<button type="reset" value="Обновить">Обновить</button>
</p>
</form>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <form>:
| Атрибут | Значение | Описание |
|---|---|---|
accept |
content-type-list | Разделенный запятыми список типов контента, которые принимает сервер. |
accept-charset |
charset-list | Задает список кодировок символов для полей <input>, которые принимаются сервером, обрабатывающим эту форму. |
action |
URL | Указывает URL-адрес программы, которая обрабатывает информацию, отправленную через форму. |
autocomplete
|
onoff |
Указывает, включена ли функция автозаполнения браузера для формы. |
enctype |
application/x-www-form-urlencodedmultipart/form-datatext/plain |
Указывает, как данные формы должны быть закодированы при отправке формы на сервер (только для method="post") |
method |
getpost |
Указывает, какой метод HTTP будет использоваться для отправки данных формы. |
name |
text | Устанавливает имя формы. |
novalidate |
novalidate |
Этот логический атрибут указывает, что форма не должна проверяться при отправке. |
target |
_blank_parent_self_top |
Указывает цель для отображения ответа, полученного после отправки формы |
enctype является application/x-www-form-urlencoded. Значение multipart/form-data должно использоваться в сочетании с элементом <input> (type="file").
Глобальные атрибуты
Как и все другие HTML-теги, тег <form> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <form> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <form> поддерживается во всех основных браузерах.
















