A select allows the user to select one item from a list of options. A select is exactly the same as a normal HTML select (because it is one), but Skin's version uses a wrapper to style it.

The purpose of a select is to collect form data; therefore a select should always be used in conjunction with a form, label and submit button. If you are not submitting form data, then a menu maybe a better choice.

IMPORTANT: The examples below show the select in isolation, without any label. Please see the field module for details on labeling controls. Remember: every select requires a label!

Default select

Disabled select

Selected option

Unselected Select

If no suitable default value exists, the first option in the list can be used as a prompt and set to disabled & selected .

Fluid select

Borderless select

Large Select

For a large select, apply the select--large modifier.