HTML: Select Tag

By Xah Lee. Date: .

The select tag is used to generate menus.

Single Return Values Selection

Popup Menu

Single choice using Select tag.

HTML code:

<select name="pets3" size="1">
<option value="dog">dog</option>
<option value="cat" selected>cat</option>
<option value="bird">bird</option>

Size attribute must 1, otherwise it's a selection-list and returns a list.

Multiple Return Values Selection

Multi-Choice Menu

Multiple return value using Select tag. Hold down Ctrl to select more than one item. (on the Mac, hold down ⌘ command.)

<select name="animals" size="6" multiple>
 <option value="dog">dog
 <option value="cat">cat
 <option value="bird">bird
 <option value="pig">pig
 <option value="rabbit">rabbit
 <option value="snake">snake

back to HTML Form Example

Liket it? I spend 2 years writing this tutorial. Help me spread it. Tell your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. JS Object Ref
  5. DOM Scripting
  6. SVG
  7. Blog