A combobox allows the user to enter their own value into the textbox or choose a value for the texbox from a list of options.

For combobox with typeahead / autocomplete behavior, please visit the autocomplete pattern.

Please read the documentation to understand how these examples were created.


Example 1: Manual Selection

List expands on focus. Cycle through options with ARROW keys; press ENTER or SPACEBAR to select.

Updated: July 15th, 2019