The HTML formenctype Attribute is used in <button> and <input> tag with type "image" and "submit". This attribute is used to specify that the form-data must be encoded when data sent to the server. It overrides the feature of the enctype attribute of the <form> element.
Basically there are three types to encode the form-data which are given below-
- application/x-www-form-urlencoded: It is the default value. It encodes all the characters before sent to the server. It converts spaces into + symbols and special character into its hex value.
- multipart/form-data: It is used to encode the file upload controls. This value does not encode any character. we can not upload images and file without using this encoding type.
- text/plain: This value convert spaces into + symbols but special characters are not converted.
Syntax
<element formenctype="value">
Example: Below code demonstrates the use of formenctype attribute with two submit Button. one is set to default encoding type and the other is set to multipart form-data.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Formenctype Attribute
</title>
</head>
<body>
<center>
<h2>GeeksForGeeks</h2>
<h2>HTML Formenctype Attribute</h2>
<form action="#">
<label>First Name:<input type="text"></label><br>
<label>last Name:<input type="text"></label><br>
<label>Address:<input type="text"></label><br>
<input type="submit"
value="submit with default encoding type">
<button type="submit" formenctype="multipart/form-data">
Submit as multipart form-data
</button>
</form>
</center>
</body>
</html>
Output:
Supported Browsers:
- Google Chrome
- Apple Safari
- Firefox
- Internet Explorer
- Opera