<form>

Published Jul 1, 2022
Contribute to Docs

The <form> element represents an interface to collect and submit user supplied information. This can include open-ended text inputs, radio buttons, calendar information, and more.

Syntax

<form>
  <!-- Form content lives here -->
</form>

The opening and closing <form> tags wrap around many other elements to create the form.

Attributes

Common attributes of the <form> element are shown below:

Attribute Data Type Description
action String Specifies the URL to send the form data to.
method String Specifies the HTTP verb used when submitting the form. Examples include:
  • GET
  • POST
  • PATCH
  • PUT
  • DELETE
autocomplete Boolean Specifies if the browser autocomplete feature should be available in this form.

Example

Suppose that Codecademy needs a form, with required inputs, for visitors to create a new account. Here is one possible way to build it:

<html>
<head> </head>
<body>
<h1>Sign up for a new Codecademy account</h1>
<!-- This form will send the email and password to https://codecademy.com/sign-up using a POST request -->
<form action="https://codecademy.com/sign-up" method="POST">
<label>Email Address</label>
<input name="user_email" type="email" required />
<label>Password</label>
<input name="user_password" type="password" required />
<!-- Clicking a button with type submit will submit the form it is inside of -->
<button type="submit">Submit</button>
</form>
</body>
</html>

Output of the example above for form tag

All contributors

Looking to contribute?

Learn HTML on Codecademy