Open In App

HTML enctype Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

HTML enctype Attribute specifies that data will be present in the form and should be encoded when submitting to the server. This type of attribute can be used only if method = “POST”.

Syntax 

<form enctype = "value">

Attribute Values

This attribute contains three values which are listed below:

Attribute Values

Descriptions

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

This value does not encode any character.

text/plain

This value convert spaces into + symbols but special characters are not converted.

Supported Tag

The enctype attribute is associated with <form> element only. 

Example:  

html




<!DOCTYPE html>
<html>
 
<head>
    <title>enctype attribute</title>
    <style>
        h1 {
            color: green;
        }
 
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>enctype Attribute</h2>
    <form action="#"
          method="post"
          enctype="multipart/form-data">
 
        First name: <input type="text" name="fname"><br>
        Last name: <input type="text" name="lname"><br>
        Address: <input type="text" name="Address"><br>
 
        <input type="submit" value="Submit">
    </form>
</body>
 
</html>


Output: 
 

Supported Browsers

The browser supported by enctype Attribute are listed below: 

  • Google Chrome 1
  • Edge version 12
  • Firefox 1
  • Opera 12.1
  • Safari 3
     


Last Updated : 14 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads