Latest web development tutorials
 

Button formEnctype Property

< Button Object

Example

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:

text/plain
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.


Syntax

Return the formEnctype property:

buttonObject.formEnctype

Set the formEnctype property:

buttonObject.formEnctype="application/x-www-form-urlencoded,multipart/form-data,text/plain"

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

Example

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 »

Example

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