View video tutorial

HTML <select> Tag

HTML

The <select> element is used to create a option list.

HTML <select> Tag


The <select> element represents a control that provides a list of options for users to select items from a drop-down.

The <select> element is most often used in a form, to collect user selection.

The <select> element may trigger an action upon user selection.

The <option> tags inside the <select> element make the items available in the selection list.

Element Attributes

Attribute Value Description
autofocus autofocus This specifies that a drop-down list should automatically focus when the page is loaded.
disabled disabled This specifies that a drop-down list should be disabled.
form form_id Specifies which form the drop-down list belongs to.
multiple multiple Specifies that multiple options can be selected at a time.
name name It specifies the name of the drop-down list.
required required This specifies that the option must be selected before submitting the form.
size number This specifies the number of visible options in the drop-down list.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<select name="food" id="food">
    <option value="anchovies">Anchovies</option>
    <option value="basa">Basa</option>
    <option value="cod">Cod</option>
    <option value="salmon">Salmon</option>
    <option value="tuna">Tuna</option>
    <option value="crabs">Crabs</option>
    <option value="lobsters">Lobsters</option>
    <option value="shrimps">Shrimps</option>
    <option value="prawns">Prawns</option>
</select>
Try it Now »

Click on the "Try it Now" button to see how it works.