Open In App
Related Articles

HTML formenctype Attribute

Like Article
Save Article
Report issue

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.


<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 Formenctype Attribute
        <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




 Supported Browsers: 

  • Google Chrome
  • Apple Safari
  • Firefox
  • Internet Explorer
  • Opera

Last Updated : 15 Dec, 2021
Like Article
Save Article
Share your thoughts in the comments
Similar Reads