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

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

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

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

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

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

Синтаксис:

<button 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

Атрибут считается новым в HTML 5.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибутов formenctype и formmethod HTML тега <button></title>
	</head>
	<body>
		<form id = "myForm">
			Логин:<input type = "text" name = "ulogin"><br> <!-- определяем элемент управления для текстовой информации -->
			Пароль:<input type = "password" name = "upassword"><br> <!-- определяем элемент управления для ввода пароля -->
			<button formenctype = "text/plain" formmethod = "post">Отправить</button> <!-- определяем кнопку для отправки формы -->
		</form>
	</body>
</html>

В данном примере внутри формы мы создали два элемента <input>, предназначенные для ввода текстовой информации и ввода пароля, и кнопку (HTML тег <button>), предназначенную для отправки формы (тип кнопки submit по умолчанию). Кроме того, атрибутом formenctype html5 со значением "text/plain" указали, что при передаче формы пробелы заменяются знаком +, буквы и символы не кодируются, а атрибутом formmethod html5 со значением "post" указали, что данные формы включаются в тело формы при отправке на сервер.

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

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

HTML тег <button>