Radio button

A small circle used to pick one option out of several. Choosing another one clears the previous choice.

Also called: radio, radio button, radio buttons, radio group, circle to choose, circle with a dot, dot in a circle, pick one, one of several, single choice, segmented control, option picker

What it is for

Radio buttons are for when only one answer fits: a delivery method, a size, a plan. Unlike a dropdown, all the options are visible at once, so you can compare them without opening anything.

Where you see it

• Checkout — “Courier / Pickup / Post office”
• Surveys — one answer from a list
• Calendars — a “Day / Week / Month” switcher

What it is called in code

• <input type="radio">
• RadioGroup
• segmented control

See also

• Checkbox — A small square you tick to select an option, and untick to deselect it.
• Dropdown list — A field that opens a list when you click it, so you can pick one or several options.
• Tabs — A row of labels above a block of content. Click one and the block shows that section.