What is formenctype Attribute in HTML Form ?

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>

Output:

Supported Browsers:

Google Chrome
Apple Safari
Firefox
Internet Explorer
Opera

What is formenctype Attribute in HTML Form ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | <input> formenctype Attribute

The HTML <input> formenctype Attribute is used to specify how to form-data encoded when submitting the form into the server. This attribute works with method="post". This attribute overrides the enctype attribute of the <form> element. Syntax: <input formenctype="value"> Attribute

HTML | <button> formenctype Attribute

The HTML <button> formenctype Attribute is used to specify that the form data should be encoded when submitting to the server. This attribute will override the feature of the formencrypt attribute. It can only be used with the Button type= "submit". Syntax: <button type="submit" formenctype

HTML content Attribute

The HTML content Attribute is given the values related to the http-equiv or name attribute. The content attribute can associated with the <meta> element. Note: This attribute is depreciated from HTML 5.Supported Tags: <meta>Syntax: <meta content="text">Attribute Values: It contains

What is formenctype Attribute in HTML Form ?

The HTML formenctype attribute is used to specify the type of encoding to be used when submitting the form. It defines how the form data should be encoded when it is sent to the server. It works with the input type "submit" and input type "image". The formenctype attribute is used when there are mul

HTML href Attribute

HTML href Attribute: It is used to specify the URL of the document. It contains the full address of the page that the user requests. It is used to link or connect one document to another document.Supported tags:HTML <a> href AttributeHTML <base> href AttributeHTML <area> href Attri

HTML | <form> enctype Attribute

The HTML <form> enctype Attribute is used to specify that data that will be present in form should be encoded when submitting to the server. This type of attribute can be used only if method = â€œPOSTâ€. Syntax: <form enctype="value"> Attribute Value: This attribute contains three value whi

HTML charset Attribute

The charset attribute in HTML is used to define the character encoding. The charset attribute is used with the <meta> and <script> elements.Charset attribute in <meta> Tag: The charset attribute is present in the meta element. It specifies the character encoding for the HTML docume

HTML dir Attribute

The HTML dir attribute specifies the text directionality, allowing content to be displayed from left-to-right (ltr), right-to-left (rtl), or determined automatically (`auto`) by the browser based on content.Supported Tags: It supports all HTML elements.Â Syntax<element dir = "ltr | rtl | auto">

HTML contenteditable Attribute

The HTML contenteditable attribute determines if element content is editable. It defaults to inheriting from the parent element. As a global attribute, it allows versatile content manipulation within the webpage directly.Syntax<element contenteditable = "true|false">Supported Tags It supports

HTML data Attribute

The HTML data Attribute is used to specify the URL of the Embedded file of the Object. It can be used with the <object> element. Syntax: <object data="URL">Attribute Values: It contains a single value URL which is used to specify the source of the object.The possible values of URL are:ab