Docs / Building a Site

2.12

Components: Forms

The Form group — Search Bar and individual form fields (text, email, select, checkbox and more) — with screenshots.


On this page

The Form group holds a ready-made Search Bar plus individual fields you drag inside an existing Form element (see Components: Advanced) to add inputs one at a time. Each field has a configurable name, label and validation in the Settings panel. Submissions appear under Form Submissions.

A complete search form: one text input and a Search button. Unlike a contact form it doesn't submit anywhere — in Settings its mode is Navigate with query, so submitting opens the page in Go to (default /search) with the input as a query parameter, e.g. /search?q=…. Change Go to to point it at your own search page.

Search Bar
Search Bar

Text

A single-line text input, for names and other short free-text answers.

Text field
Text field

Email

An email input with built-in format validation.

Email field
Email field

Number

A numeric input that only accepts numbers.

Number field
Number field

Phone

A telephone input (with a +1 (555) 000-0000 placeholder by default).

Phone field
Phone field

Date

A date picker input.

Date field
Date field

Textarea

A multi-line text area for longer messages.

Textarea field
Textarea field

Select

A dropdown with configurable options — define the option list in Settings.

Select field
Select field

Checkbox

A single checkbox, for opt-ins and yes/no answers.

Checkbox field
Checkbox field

Radio

A group of radio buttons where the visitor picks one option.

Radio field
Radio field