Home » HTML select Tag

HTML select Tag

by Online Tutorials Library

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:

HTML select tag

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 browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
<select> Yes Yes Yes Yes Yes
Next TopicHTML small Tag

You may also like