Атрибут enctype HTML тега <form>

HTML тег <form>

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

Атрибут enctype (HTML тега <form>) определяет способ кодирования данных формы при их отправке.


Обращаю Ваше внимание, что атрибут enctype допускается использовать только если значение атрибута method имеет значение post.

Значение атрибута enctype может быть переопределено атрибутом formenctypehtml5 элементов <button>, или <input>.


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
enctypeДаДаДаДаДаДа

Синтаксис:

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

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

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

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

Нет.

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

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

В данном примере мы создали форму (HTML тег <form>), атрибутом name определили имя для нашей формы, атрибутом method указали HTTP метод post (данные формы включаются в тело формы и отправляется на сервер), используемый при передаче формы и атрибутом enctype указали способ кодирования при передаче данных формы (multipart/form-data - символы не кодируются).

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

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