Button formEnctype Property
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
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
