Behavior comparison
Listbox is a composite widget you compose and style, with single or multiple selection; Select is the native form control the browser renders and manages.
Decision
Is the person choosing a native value, filtering by typing, or navigating a list?
| Dimension | ListboxListbox | SelectSelect |
|---|---|---|
| Trigger | Focus or pointer entry reaches an option list that is already visible. | Pressing the labeled native control opens the platform picker. |
| Modality | Non-modal selection widget embedded in the current form or task. | A non-modal form choice whose popup behavior is owned by the browser or operating system. |
| Placement | An inline, visible list rather than a closed picker popup. | An inline form control; the opened option surface is positioned by the platform. |
| Interactivity | Supports single or multiple option selection with managed keyboard movement; options are not actions. | Selects one value from options; it does not contain arbitrary actions or searchable content. |
| Focus | The native sized select is one tab stop. In this single-select specimen, selection follows keyboard focus, so active and selected state move together; custom listboxes must declare their own model. | The native control delegates focus and option navigation to the platform for its declared single or multiple presentation. |
| Dismissal | In this standalone specimen, leaving with Tab preserves the selected value; when a listbox is a popup, dismissal is coordinated by its owning control. | For a collapsed single-select, the platform picker closes using its standard commit or cancellation behavior; a list presentation does not imply a dismissible popup. |
| Accessible role | listbox > option | select |
| Use case | One or more values are chosen from a named composite option set | Choosing one or more known values from a predefined list |
| Mobile behavior | Use large option rows and controlled scrolling; prefer a native select for a short simple list. | Prefer the native mobile picker unless the product genuinely needs richer filtering behavior. |
Audience measurement
With your consent, Google Analytics and aggregate first-party counters measure site usage to help us improve it. These counters contain no search text, candidate, session identifier, or event identifier. You can change your choice anytime via “Cookies” in the footer.