The best Known form on the web is probably the search box of Google’s homepage

The HTML <input> element is the most used form element

An <input> element can be displayed in many ways, depending on the type attribute

Displays a clickable button

Displays a checkbox (for selecting zero or more of many choices)

Displays a radio button (for selecting one of many choices)

Displays a submit button (for submitting the form)

Displays a single-line text input field

<input type = “text”> Displays a ….-line text input field

tag defines a label for many form elements

<label> element is useful for screen-reader users, because the screen-reader will read out loud the label when the user focus on the input element

<label> element also help users who have difficulty clicking on very small regions (such as radio buttons or checkboxes) - because when the user clicks the text within the element, it toggles the radio button/checkbox

The … attribute of the <label> tag should be equal to the … attribute of the <input> element to bind them together

<input type = “password”> defines a password field

The characters in a password field aren’t masked

The characters in a password field are shown as asterisks or circles

an attribute which is used to reference the element in javascript

an attribute which specifies a regular expression that the <input> element’s value is checked against the on form submission

is used for input fields that should contain a telephone

is used for search fields (a search field behaves like a regular text field)

defines a numeric input field