HTML form Attribute

Last Updated : 15 Apr, 2024

HTML form attributes define the behavior and properties of a form element. They include attributes like action for specifying where form data is sent, a method for the HTTP method used, and autocomplete for browser input suggestions, among others.

List of HTML form Attribute:

Attribute	Description
Action Attribute	Specifies where to send the form data upon submission.
Target	Defines where to display the response after submission.
Method	Determines the HTTP method used for submitting the form.
Autocomplete	Enables browser autofill suggestions for form fields.
Novalidate	Disables client-side form validation when present.
Rel	Specifies the relationship between the current and linked document.
Accept-charset	Defines the character encoding used for form submission.
Enctype	Specifies how form data should be encoded for submission.

Syntax:

<element form="form_id">

Example: In this example the HTML form with attributes: action specifies submission URL, method defines HTTP method, autocomplete enables input suggestions, novalidate disables built-in validation, enctype specifies form data encoding.

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0"
        />
        <title>HTml Form Attributes</title>
    </head>
    <body>
        <form
            action="/submit-form"
            method="post"
            target="_blank"
            autocomplete="on"
            novalidate
            rel="nofollow"
            accept-charset="UTF-8"
            enctype="multipart/form-data"
        >
            <label for="name">Name:</label><br />
            <input
                type="text"
                id="name"
                name="name"
                autocomplete="name"
            /><br /><br />

            <label for="email">Email:</label
            ><br />
            <input
                type="email"
                id="email"
                name="email"
                autocomplete="email"
            /><br /><br />

            <label for="message">Message:</label
            ><br />
            <textarea
                id="message"
                name="message"
            ></textarea
            ><br /><br />

            <input type="submit" value="Submit" />
        </form>
    </body>
</html>