Button formEnctype Property
Example
Return how form-data should be encoded before sending it to a server:
var x = document.getElementById("myBtn").formEnctype;
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
| Property | |||||
|---|---|---|---|---|---|
| formEnctype | Yes | 10.0 | Yes | Yes | Yes |
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
