Select

Selects let users choose one or more values from a predefined list of options, useful when there are too many choices to show as individual controls.

Single value

Use a select without the multiple attribute when a user should choose exactly one option from the list.

Select a number

Add the multiple attribute to let users pick several options from the list at the same time.

Select colors

Add the disabled attribute to prevent a select from being opened or changed, and exclude its value from form submission.

Cuisine Snacks

Associate a select with helper text using aria-describedby, so users get extra context about what they are choosing.

Cuisine Select you favorite cuisine

You can indicate the validation state of the select using the attribute aria-invilid with the values true and false.

Great choice! Please provide a valid value!