Skip to content
Join our Slack

Dropdown

The Dropdown component provides a compact single-selection menu that expands when clicked. It works well for questions with many options where displaying all choices at once would take too much space.

Dropdown is ideal for:

  • Country or region selection
  • Category selection from long lists
  • Year or date selection
  • Department or team selection
  • Any single-choice question with 5+ options
  1. Open your form in the editor

  2. Drag the Dropdown component from the left sidebar onto your form

  3. Click the component to select it and configure its settings

  4. Add your options in the settings panel

The main question or prompt displayed above the dropdown.

Examples:

  • “Country”
  • “Select your department”
  • “How did you hear about us?”
  • “Preferred contact method”

Optional helper text that appears below the question label.

When to use descriptions:

  • To provide selection guidance
  • To clarify what the options represent
  • To indicate if selection affects other questions

Examples:

  • “Select the country where you currently reside”
  • “Choose the department most relevant to your inquiry”

Text displayed in the dropdown before a selection is made.

Examples:

  • “Select an option”
  • “Choose a country”
  • “Pick one”
  • ”— Please select —“

The list of choices available in the dropdown menu.

To manage options:

  • Click to add new options
  • Drag to reorder options
  • Click the delete icon to remove options
  • Edit option text directly

Tips for options:

  • Order logically (alphabetically for long lists, by frequency for shorter ones)
  • Keep option text concise
  • Use consistent formatting across all options
  • Consider grouping related options together

Turn on Random order to shuffle the answer options each time the form loads, so their order doesn’t influence responses.

Toggle whether a selection must be made before the form can be submitted.

When enabled:

  • An asterisk (*) appears next to the question label
  • Users must select an option to submit
  • A validation message appears if no selection is made
AspectDropdownMulti Choice
SpaceCompact, expands on clickShows all options
Best for5+ options2-5 options
InteractionClick to open, then selectClick directly on option
VisibilityOptions hidden until clickedAll options visible
MobileWorks wellWorks well

When a dropdown is marked as required:

  • A selection must be made before submission
  • The placeholder doesn’t count as a valid selection
  • A validation message appears if submitted without selection

The Dropdown component is built with accessibility in mind:

  • Proper select/combobox semantics
  • Keyboard navigation (Arrow keys, Enter, Escape)
  • Screen reader compatible
  • Focus states are clearly visible

Dropdown responses in your form results:

  • Show the selected option text
  • Can be filtered by selection
  • Are included in exports
  • Allow analysis of selection distribution

Your next form could be the best-looking thing on your site.

Free forever. Unlimited responses. No signup to start.