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 |
|