A form element that allows users to choose one option from a list.
A Select is a form element that provides users with a way to select amongst a set of options.
This component uses a native HTML element
It's not possible to customize options within this component as it is a native HTML element and uses browser defaults to render it. Find more information on MDN.
Usage
When to use
As a form element that allows the user to make a selection from a pre-defined set of options.
When not to use
When a user can select more than one option, consider Checkbox.
When there are fewer than 5 options, consider Radio.
To display a list of buttons or links in a menu, consider Dropdown.
Required and optional
For complex forms, indicate required fields. This is the most explicit and transparent method and ensures users don’t have to make assumptions. Read more about best practices for marking required fields in forms.
If the field is required, consider adding a default value to help the user avoid an error.
For shorter, simpler forms (e.g., login/signup and feedback requests), indicate optional fields instead.
The page navigation is complete. You may now navigate the page content as you wish.
A form element that allows users to choose one option from a list.
A Select is a form element that provides users with a way to select amongst a set of options.
This component uses a native HTML element
It's not possible to customize options within this component as it is a native HTML element and uses browser defaults to render it. Find more information on MDN.
Usage
When to use
As a form element that allows the user to make a selection from a pre-defined set of options.
When not to use
When a user can select more than one option, consider Checkbox.
When there are fewer than 5 options, consider Radio.
To display a list of buttons or links in a menu, consider Dropdown.
Required and optional
For complex forms, indicate required fields. This is the most explicit and transparent method and ensures users don’t have to make assumptions. Read more about best practices for marking required fields in forms.
If the field is required, consider adding a default value to help the user avoid an error.
For shorter, simpler forms (e.g., login/signup and feedback requests), indicate optional fields instead.