Button formEnctype Property

Button Object Reference Button Object


Return how form-data should be encoded before sending it to a server:

var x = document.getElementById("myBtn").formEnctype;

The result of x could be:


Try it yourself »

Definition and Usage

The formEnctype property sets or returns the value of the formenctype attribute of a button.

The formenctype attribute specifies how form-data should be encoded before sending it to a server. This attribute overrides the form's enctype attribute.

The formenctype attribute is only used for buttons with type="submit".

Note: The formenctype attribute is new for the <button> element in HTML5.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The formEnctype property is supported in all major browsers.

Note: The formEnctype property is not supported in Internet Explorer 9 and earlier versions.


Return the formEnctype property:


Set the formEnctype property:


Property Values

Value Description
application/x-www-form-urlencoded All characters are encoded before sent (this is default)
multipart/form-data No characters are encoded. This value is required when you are using forms that have a file upload control
text/plain Spaces are converted to "+" symbols, but no special characters are encoded

Technical Details

Return Value: A String, representing the type of content that is used to submit the form to the server

More Examples


Change the value of the formenctype attribute of a button from "text/plain" to "application/x-www-form-urlencoded":

document.getElementById("myBtn").formEnctype = "application/x-www-form-urlencoded";

Try it yourself »


Another example on returning the formEnctype property:

var x = document.getElementById("myBtn").formEnctype;

Try it yourself »

Related Pages

HTML reference: HTML <button> formenctype attribute

Button Object Reference Button Object


Color Picker