Атрибут formenctype HTML тега <input>

Значение и применение

Атрибут formenctype html5 (HTML тега <input>) определяет, как данные формы должны быть закодированы при передаче на сервер (только для <input type = "image" и <input type = "submit">).

Обращаю Ваше внимание, что если атрибут formenctype используется, то он переопределяет значение атрибута enctype элемента <form>. Атрибут formenctype допускается использовать только если форма передается методом HTTP post.

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
formenctype	Да	Да	Да	Да	10.0	Да

Синтаксис:

<input formenctype = "application/x-www-form-urlencoded | multipart/form-data | text/plain">

Значения атрибута

Значение	Описание
application/x-www-form-urlencoded	Все символы кодируются перед отправкой (вместо пробелов проставляется +, символы кодируются их ASCII шестнадцатеричными значениями). Это значение по умолчанию.
multipart/form-data	Символы не кодируются. Это значение необходимо при использовании форм, которые имеют элемент управления <input>, который позволяет пользователю выбрать (загрузить) файл.
text/plain	Пробелы заменяются знаком +, буквы и символы не кодируются.

Отличия HTML 4.01 от HTML 5

Атрибут formenctype html5

считается новым в HTML 5.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута formenctype HTML тега <input></title>
	</head>
	<body>
		<form id = "subscribeForm"> <!-- определяем id для нашей формы -->
			Имя: <input type = "text" name = "userName"> <!-- определяем элемент управления для ввода текстовой информации -->
			E-mail: <input type = "email" name = "email"> <!-- определяем элемент управления для ввода адреса электронной почты -->
			<input type = "submit" value = "Подписаться" formaction = "script.php" formenctype = "multipart/form-data"  formmethod = "post"> <!-- определяем элемент управления для отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), глобальным атрибутом id указали для неё идентификатор. Внутри формы мы поместили элементы управления <input>, которые позволяют пользователю ввести логин, адрес электронной почты и отправить нашу форму. Для элемента управления, предназначенного для отправки формы (type = "submit") мы указали:

Атрибутом formaction указали URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (script.php).
Атрибутом formmethod указали метод HTTP для отправки данных (post).
Атрибутом formenctype указали, что данные формы не кодируются (multipart/form-data).

Результат нашего примера:

Пример использования атрибута formenctype HTML тега <input>.

HTML тег <input>