1 Minute HTML

<select> and drop-down list

<select> represents a

drop-down list

If you click on the triangle…

… drop-down list appears

Let’s see how

<select> works

<select>, where “name”

appears in query string

<option> for each item

value in query string

display text

The selection changed to “UK”

Pressing the submit button…

… you jump to the

action page

where query string shows

your selection

where query string shows

your selection

where query string shows

your selection

Default selection with

“selected” attribute

The default selection

became France

Multiple selections

You can select two options

Pressing the button…

Query string reflects

the two selections