input/select

Name

select (dropdown)

Type

select

Synopsis

How to use select with option fields to create a dropdown input

Description

The select element is used to create a drop-down list.

The name attribute is needed to reference the form data after the form is submitted (if you omit the name attribute, no data from the drop-down list will be submitted).

The id attribute is needed to associate the drop-down list with a label.

The <input type="option"></input>tags inside the element define the available options in the drop-down list. ParametersParameters <_select><_input type="option"></_input></_select> All other valid HTML5 attributes are allowed ExampleExample <syntaxhighlight lang="html"> Select a car: <select name="car"> Volvo Saab

</syntaxhighlight>

Volvo Saab </_select> <syntaxhighlight lang="html"> Choose a dinosaur: <select id="dino-select"> <optgroup label="Theropods"> Tyrannosaurus Velociraptor Deinonychus </optgroup> <optgroup label="Sauropods"> Diplodocus Saltasaurus Apatosaurus </optgroup> </syntaxhighlight> Choose a dinosaur: <optgroup label="Theropods"> Tyrannosaurus Velociraptor Deinonychus </optgroup> <optgroup label="Sauropods"> Diplodocus Saltasaurus Apatosaurus </optgroup>