HTML <button> formenctype Attribute

The formenctype attribute on a submit <button> tag sets the data encoding to use when the form is submitted. The formenctype attribute requires that the <button> is of type submit.

Example

#

The second button has a formenctype attribute.
This overrides the enctype of the form.

<form action="/tutorial/action.html" enctype="multipart/form-data">
  <input type="text" name="subject" placeholder="Enter subject">

  <button type="submit">Submit as encoded text</button>
  <button type="submit" formenctype="text/plain">Submit as plain text</button>
</form>

Using formenctype

The formenctype attribute overrides the form's enctype attribute.

This attribute specifies how the form data will be encoded before sending it to the server.

Note: The formenctype attribute only works for submit type buttons.


Syntax

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

Values

#

Value Description
application/x-www-form-urlencoded All form data characters will be encoded before sending to the server. This is default.
multipart/form-data Form data characters are encoded before sending to the server. This value is used for forms that has upload function.
text/plain Spaces are converted to "+" symbols but no characters will be encoded.

Browser support

Here is when formenctype support started for each browser:

Chrome
9.0 Feb 2011
Firefox
4.0 Mar 2011
IE/Edge
10.0 Sep 2012
Opera
11.5 May 2011
Safari
5.1 Oct 2011

You may also like

 Back to <button>
Guides