САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <form>


Пример

HTML-форма с двумя полями ввода и одной кнопкой отправки:

<form action="/action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


Определение и использование

Тег <form> используется для создания HTML формы для пользовательского ввода.

Элемент <form> может содержать один или несколько из следующих элементов формы:


Поддержка браузерами

Элемент
<form> Yes Yes Yes Yes Yes

Различия между HTML 4.01 и HTML5

HTML5 добавил два новых атрибута: autocomplete и novalidate и удалил атрибут accept.


Различия между HTML и XHTML

В XHTML атрибут name устарел. Вместо этого используйте глобальный атрибут id.


Атрибуты

Атрибут Значение Описание
accept file_type Не поддерживается в HTML5.
Указывает разделенный запятыми список типов файлов, которые принимает сервер (которые можно отправить с помощью загрузки файла)
accept-charset character_set Определяет кодировки символов, которые должны использоваться для отправки формы
action 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
_self
_parent
_top
Указывает, где отображать ответ, полученный после отправки формы

Глобальные атрибуты

Тег <form> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <form> также поддерживает Атрибуты событий в HTML.


Попробуйте сами - Примеры

Форма с флажками
Форма с двумя флажками и кнопкой отправки.

Форма с радиокнопками
Форма с двумя радиокнопками и кнопкой отправки.


Связанные страницы

HTML учебник: HTML Формы и Ввод

HTML DOM справочник: Объект Form

CSS Учебник: Стилизация форм


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <form> со следующими значениями по умолчанию:

Пример

form {
  display: block;
  margin-top: 0em;
}
Попробуйте сами »