> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/field-types/selects/button.md). # Button Show a choice list as large tappable buttons — easy to hit on a phone. The **Button** field asks the same kind of question as radio buttons or checkboxes, but draws every choice as a large tappable button. Use it where the answer set is short and the form is mostly filled in on a phone — a *Pickup or delivery?* question, a T-shirt size, or which day a customer wants their consultation. ## 🔧 How to Set It In the form editor, click **Add element** > pick **Button**. The field is added and its settings open on the left.
See [Add and arrange elements](/build-your-form/add-and-arrange-elements.md) for the other ways to add a field and how to reorder them. ## 🔧 Settings Only the settings specific to this field are listed here. **Label**, **Placeholder**, **Description**, **Required**, **Hide label**, **Column width**, **Conditional display** and the rest of the shared settings work the same on every field. ### **Options** The list of choices, one button each. Click **Expand** to see and edit the **Value** alongside the **Label.** **Bulk add Option** to paste many at once. > **⚠️ Note:** Only the **Label** can be translated. The **Value** stays the same across all languages.
### Enter Default Value Pre-selects a choice when the form loads, so the visitor only needs to adjust from there. > **⚠️ Note:** Must match an option's **Value** exactly — a typo means nothing gets pre-selected. ### Other Option Adds an extra **Other** button with a write-in box beside it. **Other label** (default "Other") and **Other placeholder** (default "Enter other option") appear once it's on. ### Multiple Selection Turn this on and they behave like checkboxes instead — the visitor can select several, and tapping a chosen button again deselects it. Turning it on reveals **Limit selections**, then **Min selections** and **Max selections**. **Example:** *"Which services do you need?"* turns on **Multiple selection** and **Limit selections**, with **Min 1 / Max 3** — the visitor must pick at least one, but no more than three. > **📌 Note:** Outside the range, submission is blocked with a message naming your number, like *"Please choose at least 2 options."*
## 🔄 How It Works **What's saved:** Each selected button's **Value**, not its **Label**. With **Multiple selection** on, every selected value is stored. ## ⚠️ Limits & Notes **Keep labels short.** Buttons sit side by side and wrap when they run out of room — a long label produces one oversized button. If a choice needs explaining, put the detail in **Description**, or use **Radio buttons** instead. ## 🔁 Compare
UseWhen
ButtonShort choices, mobile-friendly tappable layout
Radio buttonsSame single-answer question, classic list layout
CheckboxesMulti-answer list with a per-line layout setting
## Next steps * [Radio buttons](/field-types/selects/radio-buttons.md) — the same single-answer question in a classic list. * [Checkboxes](/field-types/selects/checkboxes.md) — a multi-answer list with a per-line layout setting.