HTML formenctype Attribute

Last Updated : 15 Dec, 2021

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.

HTML

<!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>