Тег <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
|
on off |
Указывает, включена ли функция автозаполнения браузера для формы. |
enctype |
application/x-www-form-urlencoded multipart/form-data text/plain |
Указывает, как данные формы должны быть закодированы при отправке формы на сервер (только для method="post" ) |
method |
get post |
Указывает, какой метод 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>
поддерживается во всех основных браузерах.