<select>: The HTML Select Element

1 Description

The HTML <select> element is used in conjunction with the <option> elements to create a dropdown menu from which users may select one of the defined options.

See also the <option> element.

See also the <optgroup> element.

2 Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Example Page</title>
    </head>
    <body>
        <h1>Example HTML Page</h1>
        <p>
            Below is an example of a dropdown menu created
            using the select, and option html elements.
        </p>
        <h2>Select Appointment Day</h2>
        <select label="Appointment Days">
            <option value="sunday" disabled>Sunday</option>
            <option value="monday">Monday</option>
            <option value="tuesday">Tuesday</option>
            <option value="wednesday">Wednesday</option>
            <option value="thursday">Thursday</option>
            <option value="friday">Friday</option>
            <option value="saturday" disabled>Saturday</option>
        </select>
    </body>
</html>

This document was last updated: