HTML <button> with formenctype Attribute

February 10, 2021 7:26 pm IST

❮ Prev Next ❯

You are Here:

HTML <button> with formenctype Attribute

The formenctype attribute specifies how to encode a form-data before sending it to a server.

Note: The formenctype attribute is only used for buttons with type="submit".

application/x-www-form-urlencoded

Used to send characters with encoding, when a form is submitted. This is the default behavior.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/form-urlencoded.php" method="get"> Name: <input type="text" name="myname"> <button type="submit" formenctype="application/x-www-form-urlencoded">Submit</button> </form> </body> </html>

Run

Attribute Value

Value	Explanation
application/x-www-form-urlencoded	Used to send characters with encoding, when a form is submitted. This is the default behavior.
multipart/form-data	Used to send images, files, etc., when a form is submitted.
text/plain	Used to send characters without encoding, when a form is submitted.

multipart/form-data

Used to send images, files, etc., when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action='/multipart.php' method='post'> <input type="file" name="userFile"> <button type="submit" formenctype="multipart/form-data">Submit</button> </form> </body> </html>

Run

text/plain

Used to send characters without encoding, when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/text-plain.php" method="get"> Name: <input type="text" name="myname"> <button type="submit" formenctype="text/plain">Submit</button> </form> </body> </html>

Run