Comparison file · selection

Select vs Combobox vs Autocomplete

Choose between fixed selection, editable selection, and suggestion behavior.

Run the diagnosis

Fast decision

Start with the behavior that changes the build

Select

If users need to type or filter a long list, use an editable Combobox.

Open field note ↗

Combobox

Autocomplete describes how suggestions respond to input; Combobox is the broader widget pattern.

Open field note ↗

Autocomplete

Specify whether suggestions are advisory or whether the final value must come from the list.

Open field note ↗

Behavior matrix

Compare contracts, not silhouettes

Decision	Select	Combobox	Autocomplete
Input behavior	Selection only.	Editable text input is available.	Editable text input is available.
Value contract	Must come from the fixed list.	May be constrained or free-form; specify the policy.	Free-form or constrained; specify the policy.
Filtering	No dynamic text filtering.	May filter the popup as text is entered.	Suggestions change as text is entered.
Keyboard	Uses native or equivalent option navigation and selection behavior.	Arrow keys explore suggestions, Enter accepts, Escape closes, and text editing keys remain intact.	Text editing remains native; arrows explore; Enter accepts; Escape closes.
Mobile	Prefer native behavior when it provides a better platform picker.	Keep the input visible above the virtual keyboard and make options touch-friendly.	Avoid covering the input with the virtual keyboard or popup.

Discriminating questions

Ask only what changes the result

Do users need to type into the control?Yes / No
May the final value be something outside the provided option list?Yes / No
Should the option list narrow as the user types?Yes / No

Implementation consequences

Turn the comparison into a build decision

The final choice must explain both the selected contract and the alternatives it excludes.

Name the task

Choose between fixed selection, editable selection, and suggestion behavior. Write the user goal before choosing any component from a library.

Freeze the decisive dimensions

For this group, compare Input behavior, Value contract, Filtering, Keyboard, Mobile. Do not allow visual similarity to replace those requirements.

State the exclusion

Record why the closest rejected pattern fails. That reason helps a coding agent avoid silently substituting a familiar but incompatible component.

Verify the behavior

Open the selected pattern reference, copy its acceptance checks, and test focus, keyboard, dismissal, placement, content, and mobile behavior in the real interface.

Frequently asked questions

Select vs Combobox vs Autocomplete questions

Direct answers based on the reviewed behavior contract above.

What is the main difference between Select, Combobox, Autocomplete?

Choose between fixed selection, editable selection, and suggestion behavior. The decisive dimensions on this page are Input behavior, Value contract, Filtering, Keyboard, Mobile. Read each column as a behavior contract, not as a visual style recommendation.

How do I choose among Select, Combobox, Autocomplete?

Begin with the required user task, then answer the discriminating questions above. Choose the pattern whose purpose and behavior match the evidence, and explicitly reject alternatives whose focus, input, modality, persistence, or structural contract would break the task.

Can two of these terms apply to the same interface?

Sometimes. This taxonomy includes semantic patterns, composite patterns, presentation forms, behavior variants, message channels, and generic behavior labels. A presentation term and a semantic contract can coexist, so specify each required property instead of forcing every term into a flat either-or choice.

How should I verify the final implementation?

Open the selected pattern reference and run its observable checks. At minimum, confirm the configured trigger, dismissal, focus, keyboard behavior, interactive content, placement, and mobile adaptation. Also verify the linked official or first-party source against the library you ship.