HTML Forms

element

One of the most used form elements, whose display depends on the type attribute

element default type

If the type attribute is omitted, the input field gets the default type: "text"

element

Defines a drop-down list

element

Defines an option that can be selected in a drop-down list

Default selected option in

The first item in the drop-down list is selected by default

selected attribute

Used to define a pre-selected option within an element

size attribute (in )

Specifies the number of visible values in a drop-down list

multiple attribute (in )

Allows the user to select more than one value in a drop-down list

element

Defines a multi-line input field (a text area)

rows attribute (in )

Specifies the visible number of lines in a text area

cols attribute (in )

Specifies the visible width of a text area

element

Defines a clickable button

type attribute for

Always specify this attribute for the button element, as different browsers may use different default types

element

Used to group related data in a form

element

Defines a caption for the

element

Specifies a list of pre-defined options for an element

list attribute (in )

Must refer to the id attribute of the

Defines a single-line text input field

Defines a password field

Defines a button for submitting form data to a form-handler

Form-handler

Typically a server page with a script for processing input data

Defines a reset button that will reset all form values to their default values

Defines a radio button that lets a user select ONLY ONE of a limited number of choices

Defines a checkbox that lets a user select ZERO or MORE options of a limited number of choices

Defines a button (often used for scripting)

Used for input fields that should contain a color

Used for input fields that should contain a date

Specifies a date and time input field, with no time zone

Used for input fields that should contain an e-mail address

Allows the user to select a month and year

Defines a file-select field and a "Browse" button for file upload

Defines a numeric input field

Defines a control for entering a number whose exact value is not important (like a slider control); default range is 0 to 100

Used for search fields (behaves like a regular text field)

Used for input fields that should contain a telephone number

Allows the user to select a time (no time zone)

Used for input fields that should contain a URL address

Allows the user to select a week and year

value attribute (in )

Specifies an initial value for an input field

readonly attribute (in )

Specifies that an input field is read-only and cannot be modified, but its value will be sent upon form submission

disabled attribute (in )

Specifies that an input field should be disabled (unusable and un-clickable), and its value will NOT be sent upon form submission

size attribute (in )

Specifies the visible width, in characters, of an input field; default value is 20

maxlength attribute (in )

Specifies the maximum number of characters allowed in an input field (requires JavaScript for feedback)

min and max attributes (in )

Specify the minimum and maximum values for an input field

multiple attribute (in )

Specifies that the user is allowed to enter more than one value in an input field; works with email and file types

pattern attribute (in )

Specifies a regular expression that the input field's value is checked against when the form is submitted; works with text, date, search, url, tel, email, and password

placeholder attribute (in )

Specifies a short hint describing the expected value, which is displayed in the input field before the user enters a value

required attribute (in )

Specifies that an input field must be filled out before submitting the form

step attribute (in )

Specifies the legal number intervals for an input field

autofocus attribute (in )

Specifies that an input field should automatically get focus when the page loads

height and width attributes (in )

Specify the height and width of an element

autocomplete attribute (in or

)

Specifies whether a form or input field should have autocomplete on or off, allowing the browser to predict the value based on earlier typed value