Element Types

FormBuilder provides a variety of form element types you can add to a form by dragging. Each element has its own independent settings, validators, and filters.

Element List

Element	Description
Text	Single-line text input
Textarea	Multi-line text input
Email	Email address input
Number	Numeric input
Select	Choose one option from a list
Checkbox	Choose multiple options from a list
Radio buttons	Choose one option from a list
Multiselect	Choose multiple options from a list
File upload	Upload files
Date	Date picker
Time	Time picker
HTML	Insert custom HTML content
Hidden	Hidden field
Captcha	Captcha, prevents bot submissions
Submit	Form submit button
Signature	Handwritten signature for contracts, agreements, and similar documents
Group	Layout container that organizes multiple fields together
Row	Multi-column side-by-side layout container
Product	Purchasable product, the core element of e-commerce
Quantity	Purchase quantity
Total	Automatically calculates the order total
Shipping	Shipping methods and fees

Common Element Operations

All elements share the following operations:

• Add: Click or drag an element icon onto the builder panel
• Configure: Click the gear icon (⚙) to open the element's settings
• Move: Drag the element icon to adjust its position
• Duplicate: Click the duplicate icon to create a copy
• Delete: Click the trash can icon to remove the element

Deleting elements

After deleting an element, you can no longer view previously submitted data records for that element.

Element Settings Structure

Most elements include the following configuration categories:

• Settings — Basic properties of the element, such as label, default value, and placeholder
• Validators — Rules that validate user input, such as Required, email format, and numeric range
• Filters — Pre-process user input, such as trimming spaces and escaping

The supported validators and filters differ by element type. See each element page for details.