HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <select> Tag


Example

Create a drop-down list with four options:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Try it Yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <select> tag is supported in all major browsers.


Definition and Usage

The <select> element is used to create a drop-down list.

The <option> tags inside the <select> element define the available options in the list.


Tips and Notes

Tip: The <select> element is a form control and can be used in a form to collect user input.


Differences Between HTML 4.01 and HTML5

HTML5 has added some new attributes.


Attributes

New : New in HTML5.

Attribute Value Description
autofocusNew autofocus Specifies that the drop-down list should automatically get focus when the page loads
disabled disabled Specifies that a drop-down list should be disabled
formNew form_id Defines one or more forms the select field belongs to
multiple multiple Specifies that multiple options can be selected at once
name name Defines a name for the drop-down list
requiredNew required Specifies that the user is required to select a value before submitting the form
size number Defines the number of visible options in a drop-down list


Global Attributes

The <select> tag also supports the Global Attributes in HTML.


Event Attributes

The <select> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Select object



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE