Refine By

Form elements

  • Contents:

Choosing the right element

For making text entry

  • Use text fields for single line entries, such as location, email address, and phone number.
  • Use a text area for long form/multi-line entries such as comments.

For making a selection from a list

  • Use a dropdown field to allow the user to select only one option from a list of given choices.
  • Use a date picker to allow the user to select dates from a calendar fly-out.

For choosing between two states (yes/no)

  • Use radio buttons for choosing only one item out of two or more options

  • Use checkboxes or switches for toggling the true/false or on/off state of each item in a set of one or multiple items.

For increasing or decreasing the number of selected values.

For selecting from a range of values.

  • Use sliders to allow the user to set a range of values.

Usage

Used in:

  • Booking Flow
  • Widgets
  • Customer Support and Contact Forms
  • Honors Account

Version History

Date/Time of ChangeWho Made the ChangeChange Details
May. 25 2017 6:22pm Consolidated form selectors, text entry, labels and sliders under one Form Elements page.
May. 04 2017 3:13pm Added steppers as a form selector
May. 03 2017 9:13pm Initial Content Entry