HTML Forms W3School

accept-charset

Specifies the charset used in the submitted form (default: the page charset).

value

Specifies the default value for an input field

enctype

Specifies the encoding of the submitted data (default: is url-encoded).

step

Specifies the legal number intervals for an input field

maxlength

Specifies the maximum number of character for an input field

max

Specifies the maximum value for an input field

min

Specifies the minimum value for an input field

target

Specifies the target of the address in the action attribute (default: _self).

size

Specifies the width (in characters) of an input field

The autocomplete Attribute

The autocomplete attribute specifies whether a form or input field should have autocomplete on or off. <form action="action_page.php" autocomplete="on"> First name:<input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> E-mail: <input type="email" name="email" autocomplete="off"><br> <input type="submit"> </form>

The autofocus Attribute

The autofocus attribute is a boolean attribute. When present, it specifies that an <input> element should automatically get focus when the page loads. First name:<input type="text" name="fname" autofocus>

The required Attribute

The required attribute is a boolean attribute. When present, it specifies that an input field must be filled out before submitting the form. The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file. Username: <input type="text" name="usrname" required>

<legend>

Defines a caption for a <fieldset> element

<button>

Defines a clickable button

<select>

Defines a drop-down list

<optgroup>

Defines a group of related options in a drop-down list

<keygen>

Defines a key-pair generator field (for forms)

<label>

Defines a label for an <input> element

<textarea>

Defines a multiline input control (text area)

submit

Defines a submit button (for submitting the form)

<form>

Defines an HTML form for user input

<input>

Defines an input control

<option>

Defines an option in a drop-down list

text

Defines normal text input

radio

Defines radio button input (for selecting one of many choices)

<output>

Defines the result of a calculation

autocomplete

Specifies if the browser should autocomplete the form (default: on).

<fieldset>

Groups related elements in a form

readonly

Specifies that an input field is read only (cannot be changed)

required

Specifies that an input field is required (must be filled out)

disabled

Specifies that an input field should be disabled

novalidate

Specifies that the browser should not validate the form.

method

Specifies the HTTP method used when submitting the form (default: GET).

<datalist>

Specifies a list of pre-defined options for input controls

name

Specifies a name used to identify the form (for DOM usage: document.forms.name).

pattern

Specifies a regular expression to check the input value against

action

Specifies an address (url) where to submit the form (default: the submitting page).

The form Attribute

The form attribute specifies one or more forms an <input> element belongs to. Tip: To refer to more than one form, use a space-separated list of form ids. <form action="action_page.php" id="form1"> First name: <input type="text" name="fname"><br> <input type="submit" value="Submit"> </form> Last name: <input type="text" name="lname" form="form1">

The formaction Attribute

The formaction attribute specifies the URL of a file that will process the input control when the form is submitted. The formaction attribute overrides the action attribute of the <form> element. The formaction attribute is used with type="submit" and type="image". <form action="action_page.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"><br> <input type="submit" formaction="demo_admin.asp" value="Submit as admin"> </form>

The formenctype Attribute

The formenctype attribute specifies how the form-data should be encoded when submitting it to the server (only for forms with method="post") The formenctype attribute overrides the enctype attribute of the <form> element. The formenctype attribute is used with type="submit" and type="image". <form action="demo_post_enctype.asp" method="post"> First name: <input type="text" name="fname"><br> <input type="submit" value="Submit"> <input type="submit" formenctype="multipart/form-data" value="Submit as Multipart/form-data"> </form>

The formmethod Attribute

The formmethod attribute defines the HTTP method for sending form-data to the action URL. The formmethod attribute overrides the method attribute of the <form> element. The formmethod attribute can be used with type="submit" and type="image". <form action="action_page.php" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> <input type="submit" formmethod="post" formaction="demo_post.asp" value="Submit using POST"> </form>

The formtarget Attribute

The formtarget attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form. The formtarget attribute overrides the target attribute of the <form> element. The formtarget attribute can be used with type="submit" and type="image". <form action="action_page.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit as normal"> <input type="submit" formtarget="_blank" value="Submit to a new window"> </form>

The height and width Attributes

The height and width attributes specify the height and width of an <input> element. The height and width attributes are only used with <input type="image">. <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">

The list Attribute

The list attribute refers to a <datalist> element that contains pre-defined options for an <input> element. <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>

The min and max Attributes

The min and max attributes specify the minimum and maximum value for an <input> element. The min and max attributes work with the following input types: number, range, date, datetime, datetime-local, month, time and week. Enter a date before 1980-01-01: <input type="date" name="bday" max="1979-12-31"> Enter a date after 2000-01-01: <input type="date" name="bday" min="2000-01-02"> Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5">

The multiple Attribute

The multiple attribute is a boolean attribute. When present, it specifies that the user is allowed to enter more than one value in the <input> element. The multiple attribute works with the following input types: email, and file. Select images: <input type="file" name="img" multiple>

The novalidate Attribute

The novalidate attribute is a <form> attribute When present, novalidate specifies that form data should not be validated when submitted. <form action="action_page.php" novalidate> E-mail: <input type="email" name="user_email"> <input type="submit"> </form>

The formnovalidate Attribute

The novalidate attribute is a boolean attribute. When present, it specifies that the <input> element should not be validated when submitted. The formnovalidate attribute overrides the novalidate attribute of the <form> element. The formnovalidate attribute can be used with type="submit". <form action="action_page.php"> E-mail: <input type="email" name="userid"><br> <input type="submit" value="Submit"><br> <input type="submit" formnovalidate value="Submit without validation"> </form>

The pattern Attribute

The pattern attribute specifies a regular expression that the <input> element's value is checked against. The pattern attribute works with the following input types: text, search, url, tel, email, and password. Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">

The placeholder Attribute

The placeholder attribute specifies a hint that describes the expected value of an input field (a sample value or a short description of the format). The hint is displayed in the input field before the user enters a value. The placeholder attribute works with the following input types: text, search, url, tel, email, and password. <input type="text" name="fname" placeholder="First name">

The step Attribute

The step attribute specifies the legal number intervals for an <input> element. Example: if step="3", legal numbers could be -3, 0, 3, 6, etc. <input type="number" name="points" step="3">