ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <form>

❮ Prev Полный HTML справочник Next ❯

Пример

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;
}
Попробуйте сами »
❮ Prev Полный HTML справочник Next ❯