Form Elements

---

Form elements are the building blocks of your form, they define the kinds of input you collect from users. When editing or creating a form asset, the Elements section will allow you to build the inputs and other items that will be displayed in the form.

There are several different form elements that you can use within your form. To see an example of the element types in action, check out the example form.

Video Tutorial

 

Element Settings

When you select a field, its settings appear in the right-hand panel.

• Label - The field name that appears to users and is used as the column title in submission data.
• Description - A short instruction or tip that appears below the field to help guide the user.
• Placeholder Text - displayed inside the field before any input is provided. Disappears once the user starts typing.
• Default Value - A pre-filled value that appears in the field when the form loads.
• Required - If checked, the user must complete the field before submitting the form.
• Read-only - The field appears filled out but cannot be edited by the user (its value is still submitted).
• Validation - Optional input rules to ensure proper formatting. Supports min/max character lengths and regular expressions (regex). 
• Error Message - Shown when validation fails (replaces default error messages).

How-to Use Validation

 

Available Elements

Use the form elements panel on the left to drag elements into your form canvas. Hover or click over a field to delete it using the trash icon, or drag fields to reorder them. 

 

  Short Text

Provides web visitors with a basic text input with one line

 

  Long Text

Provides web visitors with a multi-line basic text field for longer responses.

 

  Email

A text input field that validates for a proper email format (e.g., name@example.com). Also used to trigger external notification emails.

 

  Radio Buttons

A set of options where the user can select only one.

 

Checkboxes

A list of options where the user can select multiple items.

 

Drop-Down

 A menu that lets the user choose one option from a list.

 

Toggle

 A switch-style control for binary choices (e.g., Yes/No).

 

Date, Time, and Date/Time

Prebuilt controls for selecting calendar dates, clock times, or both.

 

Free Text

 An basic WYSIWYG editor block used to display static instructional content inside the form.