: The FORM Element

Last updated: 2026-09-12

<form>The FORM Element

The <form> element is the container for collecting and submitting user data. It wraps form controls (<input>, <select>, <textarea>…), with action for the submit URL and method for the HTTP method.

Category	Forms
Content Model	Flow content (no nested <form>)
Allowed Parents	Any element that accepts flow content
Content Tag	Yes — requires closing `</form>` tag
Status	Standard

📝 Syntax

<form action="submit-url" method="post">
  Form controls
  <input type="submit" value="Submit">
</form>

⚙️ Attributes

This element supports the global attributes plus the following:

Attribute	Value	Description
`action`	URL	The URL where form data is submitted. Default: `当前页 URL`
`method`	Keyword	The HTTP method used to submit. `get` — Data appended to the URL query string (default). `post` — Data sent in the request body.
`name`	Text	Form name for JavaScript reference.
`autocomplete`	Keyword	Whether browser autofill is enabled. `on` — Enable autofill (default). `off` — Disable autofill.
`novalidate`	Boolean	Skip HTML5 form validation on submit.
`target`	Keyword	Where to display the submission result. Default: `_self`

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<form>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

Tip： Pair form controls with <label> for accessibility and a larger click target.

<form> — forms tutorial

📚 Related Tutorials

HTML Forms HTML Input Types Reference

HTML Forms Tutorial

Learn the full usage of forms.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us

: The FORM Element

<form>The FORM Element

📝 Syntax

⚙️ Attributes

▶ Example

🌐 Browser Support

🏷️ Related Tags

💡 Related Cases

📚 Related Tutorials

🙏 帮我们做得更好