body { font-family: "Segoe UI", sans-serif; background-color: #f8f9fa; color: #333; } .container { margin-top: 40px; } h1 { color: #007bff; text-align: center; margin-bottom: 20px; } .nav-link { font-size: 16px; padding: 8px 12px; border-radius: 4px; transition: background-color 0.3s ease; } .nav-link:hover { background-color: #e9ecef; } .highlight { background-color: #fff3cd; border: 1px solid #ffeaa7; padding: 15px; border-radius: 8px; margin: 20px 0; font-family: 'Courier New', monospace; font-size: 14px; } pre { background-color: #f1f1f1; border: 1px solid #ddd; padding: 15px; border-radius: 8px; overflow-x: auto; font-family: 'Courier New', monospace; font-size: 14px; } footer { text-align: center; margin-top: 50px; padding: 20px 0; background-color: #343a40; color: #fff; }

HTML button formenctype Attribute | .com

Home HTML JavaScript CSS Vue React Python3 Java C C++ C# AI Go SQL Linux VS Code Bootstrap Git Bookmarks

HTML Tags

HTML button formenctype Attribute

The formenctype attribute specifies how the form data should be encoded when submitting the form.

This attribute is only used with buttons of type submit and image. It overrides the enctype attribute of the <form> element.

Syntax:

<button formenctype="value">Button Text</button>

Values:

application/x-www-form-urlencoded: The default value. The form data is encoded as key-value pairs separated by & and spaces are replaced with + signs.
multipart/form-data: Used for forms that include files or binary data. This encoding method sends each field as a separate part of the request.
text/plain: The form data is sent as plain text with line breaks represented as literal newline characters.

Example:

<form action="/submit" method="post">
  <label>Username:</label>
  <input type="text" name="username">

  <label>File:</label>
  <input type="file" name="file">

  <button type="submit" formenctype="multipart/form-data">Submit</button>
</form>

In this example, the formenctype="multipart/form-data" ensures that file uploads are handled correctly during form submission.

Browser Support:

The formenctype attribute is supported in all major browsers including Chrome, Firefox, Safari, Edge, and Opera.

Notes:

Use multipart/form-data when uploading files.
Use application/x-www-form-urlencoded for simple text-based form submissions.
Use text/plain if you need to preserve formatting such as newlines in form data.

YouTip

Att Button Formenctype