Select options

Do

  • If under 7 options use radio buttons instead.
  • Use an input selector if there are over 7 options.
  • Incorporate contextual search within the drop-down if there are over 25 options.
  • When most users will (or should) pick a particular option, make it the default.
  • Make sure your dropdown has a label.

Don't

  • Don’t use JavaScript to automatically submit the form (or do anything else) when an option is selected. Offer a “submit” button at the end of the form instead. Users often change their choices multiple times. Auto-submission is also less accessible with screen readers.

Back
Fieldsets and legends
Next
Radio buttons