Autocomplete is an enhancement of the combobox pattern.

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


Example 1: List with Manual-Selection

Enter text to filter options. Cycle through listbox options with arrow keys; use ENTER key to autofill textbox.

Example 2: List with Auto-Selection

Enter text to filter options. Cycling through options will automatically change the textbox value; ENTER key will submit.

Updated: July 15th, 2019