81
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
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 |
Next TopicHTML small Tag