77

HTML <select> tag

HTML <select> tag is used to create a drop down list with multiple options. The <option> element is nested within <select> tag for defining options in a list.

The <optgroup> element can be used for grouping related options in a list.

If you want to send data to server then use <select> tag within <form> element.

Syntax

Following are some specifications about the HTML <select> tag

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Input

Example

Test it Now

Output:

Attribute:

Tag-specific attributes:

Attribute	Value	Description
autofocus	autofocus	This attribute let automatically focused the drop-down list on page load.
disabled	disabled	It is used to disable the control and user cannot interact with the drop-down list.
form	form-id	It specifies one or more forms, to which select belong to.
multiple	multiple	If it sets then a user can select multiple options from the list.
name	name	It determines the name for the drop-down list.
required	required	If it specified, user must select that field before submitting the form.
size	number	It specifies the visible number of options in the list.

Global attribute:

The <select> tag supports the global attributes in HTML.

Event attribute:

The <select> tag supports the event attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<select>	Yes	Yes	Yes	Yes	Yes