HTML <form> Tag


Example

An HTML form with two input fields and one submit button:

<form      action="/action_page.php"     method="get">
   <label for="fname">First name:</label>
  <input type="text" id="fname"      name="fname">


  <label for="lname">Last name:</label>
       <input type="text" id="lname" name="lname">


  <input      type="submit" value="Submit">
     </form>
Виж примера

More "Try it Yourself" examples below.

Definition and Usage

The <form> tag is used to create an HTML form for user input.

The <form> element can contain one or more of the following form elements:

Browser Support

Element
<form> Yes Yes Yes Yes Yes

Attributes

Attribute Value Description
accept-charset character_set Specifies the character encodings that are to be used for the form submission
action URL Specifies where to send the form-data when a form is submitted
autocomplete on
off		 Specifies whether a form should have autocomplete on or off
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain		 Specifies how the form-data should be encoded when submitting it to the server (only for method="post")
method dialog
get
post		 Specifies the HTTP method to use when sending form-data
name text Specifies the name of a form
novalidate novalidate Specifies that the form should not be validated when submitted
rel external
help
license
next
nofollow
noopener
noreferrer
opener
prev
search		 Specifies the relationship between a linked resource and the current document
target _blank
_self
_parent
_top		 Specifies where to display the response that is received after submitting the form

Global Attributes

The <form> tag also supports the Global Attributes in HTML.

Event Attributes

The <form> tag also supports the Event Attributes in HTML.

More Examples

Example

An HTML form with checkboxes:

<form action="/action_page.php" method="get">
  <input      type="checkbox" name="vehicle1" value="Bike">
  <label      for="vehicle1"> I have a bike</label>

  <input type="checkbox"      name="vehicle2" value="Car">
  <label for="vehicle2"> I have a      car</label>

  <input type="checkbox" name="vehicle3"      value="Boat" checked>
  <label for="vehicle3"> I have a      boat</label>


  <input type="submit" value="Submit">
     </form>
Виж примера

Example

An HTML form with radiobuttons:

<form action="/action_page.php" method="get">
       <input type="radio" id="html" name="fav_language" value="HTML">
  <label      for="html">HTML</label>

  <input type="radio" id="css" name="fav_language"      value="CSS" checked="checked">
  <label for="css">CSS</label>

       <input type="radio" id="javascript" name="fav_language" value="JavaScript">
       <label for="javascript">JavaScript</label>


  <input      type="submit" value="Submit">
</form>
Виж примера

Related Pages

HTML tutorial: HTML Forms and Input

HTML DOM reference: Form Object

CSS Tutorial: Styling Forms

Default CSS Settings

Most browsers will display the <form> element with the following default values:

Example

form {
  display: block;
  margin-top: 0em;
}
Виж примера