Skip to main content

Field Types

The full list of field types available in Form Plant. Add fields with + Add Field on the Fields tab — field types are picked from an icon grid.

The Field Editor

Each field expands in place as an accordion, organized into three tabs.

Accordion field editor

TabSettings
BasicField type, field name, label, placeholder, choices, and other type-specific settings
ValidationRequired, length limits, custom error messages
AdvancedDescriptions (3 positions), custom ID / class

Basic Fields

TypeUseKey Settings
TextSingle-line free inputRequired, max length, placeholder
TextareaMulti-line inputRequired, rows, max length
EmailEmail addressRequired, automatic validation
PhonePhone numberRequired, hyphen handling
NumberNumeric inputRequired, min/max
URLURL inputRequired, URL format check
PasswordPassword inputOptional strength meter
HiddenURL params or fixed valuesDefault value

Name and Address Fields

TypeUseNotes
Name (parts)Last name / first name as separate inputsPer-part required and custom error messages
Name (Kana)Furigana parts (Sei / Mei)Katakana validation, per-part settings
Postal CodeJapanese 7-digit postal codeAddress auto-fill via zipcloud API
Address (Japan)Prefecture / city / town / streetAuto-filled by postal code
Address (international)International address formatWith country code
PrefectureJapanese prefecture dropdownAll 47 prefectures built in

Date and Time Fields

TypeUse
Date (Calendar)Pick from calendar UI
Date (Dropdown)Year/month/day dropdowns
TimeHour:minute dropdowns

Choice Fields

TypeUse
SelectChoose one option from a dropdown
CheckboxMultiple selection
RadioSingle selection

Special Fields

TypeUseNotes
AcceptanceConsent checkbox for privacy policies etc.Always required. See below
File UploadAttach filesConfigurable size and type restrictions
HTMLStatic HTML contentDisplay only, not an input

Acceptance field (privacy policy consent)

A dedicated field for privacy policy / terms of service consent (added in v1.4.0). It renders a single checkbox with a linked consent text, and the form cannot be submitted without checking it (the field is always required — this cannot be turned off).

Settings

SettingDescriptionDefault
LabelThe field's item name (plain text)
Consent textThe wording shown next to the checkbox. Limited HTML is allowed (see below). When empty, the label is shown insteadempty
Show label on the formShow the item-name label separately from the consent textoff
Show on confirmation screenAdd an "Agreed" row to the confirmation screenoff
Include in emailsAdd an "Agreed" line to the field list in notification emailsoff
Store in submission dataRecord the consent in the stored submissionoff
Validation messageError message shown when submitted unchecked"You must agree before submitting."

All four display / storage options default to off, but the required check always applies.

The consent text accepts these HTML tags: <a> (href / target / rel), <strong>, <em>, <br>

I agree to the <a href="/privacy-policy/" target="_blank">privacy policy</a>

With target="_blank" the link opens in a new tab, so the visitor's form input is preserved.

With "Store in submission data" enabled, the submission records the checked state together with a snapshot of the consent wording (text and link URLs) at the time of submission. Even after you later edit your policy wording, the submission detail screen shows exactly what the user agreed to.

Common Settings

All fields support:

  • Label — Text shown above the input
  • Field Name — Internal identifier, used for HTML template tags and email merge tags (e.g. {Name})
  • Required — Mark as required
  • Placeholder — Faded hint text
  • Descriptions (3 positions) — On the Advanced tab, show helper text below the label, above the input, and below the input. HTML tags such as links and bold are allowed. Text color and size are adjustable in Design Adjustments
  • Custom ID / Custom Class — On the Advanced tab, add an arbitrary ID / CSS class to the field
  • Default Value — Pre-filled value
  • Custom validation messages — Custom messages for required / format errors

Need More Control?

  • Want to change colors, sizes, or spacing? See Design Adjustments
  • Want to fully rewrite the layout? See HTML Template
  • Want custom validators? Use the JavaScript hook API (window.fplant.addValidator)