Атрибут enctype HTML тега <form>
HTML тег <form>Значение и применение
Атрибут enctype (HTML тега <form>) определяет способ кодирования данных формы при их отправке.
Обращаю Ваше внимание, что атрибут enctype допускается использовать только если значение атрибута method имеет значение post.
Значение атрибута enctype может быть переопределено атрибутом formenctype элементов <button>, или <input>.
Поддержка браузерами
Атрибут | Chrome | Firefox | Opera | Safari | IExplorer | 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/plain | Пробелы заменяются знаком +, буквы и символы не кодируются. |
Отличия 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 - символы не кодируются).
Результат нашего примера:
HTML тег <form>