Dropdown vs radio buttons is a choice every form makes many times, and the right answer depends mostly on how many options there are. Radio buttons show every choice at once, so people compare and tap. A dropdown hides them until opened, which saves space but costs a tap and a scroll. This guide is ideal for beginners and for teams tidying up a form. We share a simple rule, when checkboxes or picture cards are better, and how each behaves in WordPress on phones.
The short version
- 2 to 5 choices: radio buttons, so people see them all.
- 6 to 15 choices: a dropdown, or radio buttons in columns.
- More than 15, such as countries: a searchable dropdown.
- Picture or icon cards for choices people recognize at a glance.
When should you use radio buttons?
When there are 5 or fewer choices and people should compare them. Seeing Morning, Afternoon, Evening side by side takes 1 glance; opening a dropdown to find them takes 2 taps. Radio buttons also show the default clearly, and they make it obvious that only one answer is allowed, because the round shape has meant pick one for decades.
When is a select menu better?
When the list is long, familiar or ordered. A dropdown, or select menu, suits a list of 10 states, years of birth or a country list, where people know what they are looking for. The Nielsen Norman Group’s dropdown guidelines warn against dropdowns for very short lists and for choices people need to compare, which is the radio buttons’ job.
| Choices | Best field | Example |
|---|---|---|
| 2 | Radio buttons or a toggle | Yes or no |
| 3 to 5 | Radio buttons or cards | Time of day, a service |
| 6 to 15 | Dropdown or radio in columns | Property type, a department |
| 16 or more | A searchable dropdown | Country |
| Many allowed | Checkboxes | Extras, topics |
What about radio buttons vs checkboxes?
Radio buttons mean pick one; checkboxes mean pick any. Use checkboxes when more than one answer can be true, such as Which services do you need? The Nielsen Norman Group’s piece on checkboxes vs radio buttons covers the edge cases, such as a single checkbox for agreeing to terms.
How do picture choices help?
Cards with an icon or a picture let people tap what they see instead of reading a list. They work best for 3 to 6 choices that look different, such as vehicle types, nail shapes or room styles, and they are big targets on phones, which helps because more than 50% of visits to many sites come from phones. Our mobile friendly forms guide has more on tap targets. With Echo Forms Signature, any multiple choice or checkboxes field can show its choices as cards, and our template demos show dozens of them.
How to choose the right choice field, step by step
- Count the choices.
- Ask whether people need to compare them, or already know their answer.
- Ask whether one answer or several can be true.
- Pick from the table above.
- On phones, check that every choice is easy to tap without zooming, and ask 2 or 3 people to try it. The whole check takes about 5 minutes.
The choices and ratings guide shows each field in Echo Forms, including columns and cards. We find that switching a 4 option dropdown to radio buttons is one of the quickest wins on any form, and it takes about 2 minutes. Check the entries for 14 days afterwards to see the difference.
Dropdown vs radio buttons is mostly a counting question. Show 5 or fewer choices as radio buttons or cards, use a dropdown for long lists, and test the form on a phone within 10 minutes of changing it.
Every way to pick, in one builder
Dropdowns, multiple choice and checkboxes are free in Echo Forms. Picture and icon cards come with Signature.
