Drop-down menus (<select>, <optgroup>, <option>)

The select element creates a drop-down like menu that can have one or more options to choose.

One option is a minimum number that has to be defined.

With the attribute selected being preset, an option (or more of them) appears selected when the page is being rendered.

The element <optgroup> is used to group thematically similar options together.

Syntax:

<select name=""><optgroup><option value=""></option></optgroup></select>

Attributes:

• id, class (document-wide identifiers)
• lang (language information), dir (text direction)
• title (element title)
• style (inline style information)
• name (<select>) (elements name)
• value (<option>) (initial and sent to server values)
• disabled (disabled input controls)
• selected (<option>) (select menu rows selection)
• tabindex (<select>) (tabbing navigation)
• size (<select>) (select menu rows visibility)
• multiple (<select>) (select menu rows selection)
• label (<optgroup>, <option>) (select menu option label)
• onfocus, onblur, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events)

Example

HTML select menu elements:

 

›› go to examples ››