A select field allows users to select one option from a list of more than 10 items.
The select field is a text field with a down arrow icon on the right.
Generally, it has a label which indicates the type of input associated with the field.
Be aware: Placeholders should be avoided.
Select field with no placeholder
Select field with placeholder
When users click on a select field, a dropdown window appears with a set of options. The selected option is displayed in the select field.
Since the select field is a clickable element, it has multiple states. Each state is associated with a different color, providing visual feedback to users.