View video tutorial

HTML <option> Tag

HTML

The <option> tag is used to define an option in a select list.

HTML <option> Tag


The <option> element is used to define an item within a <select>, a <optgroup>, or a <datalist> element..

It is useful to group them using <optgroup> for a long list.

Element Attributes

Attribute Value Description
disabled disabled This specifies that the option is disabled.
label text This specifies the label for the option.
selected selected This specifies that the option is initially selected.
value text This represents the value of the option to be submitted with the form.

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

 <form action="action_page.jsp">
    <label for="food">Choose a Seafood:</label>
    <select name="food" id="food">
        <optgroup label="Fish">
            <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>
        </optgroup>
        <optgroup label="Crustaceans">
            <option value="crabs">Crabs</option>
            <option value="lobsters">Lobsters</option>
            <option value="shrimps">Shrimps</option>
            <option value="prawns">Prawns</option>
        </optgroup>
    </select>
    <br><br>
    <input type="submit" value="Submit">
</form>
Try it Now »

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