Form Elements

Formify offers a wide variety of form elements to help you collect exactly the information you need. This guide explains all available elements and their configuration options.

Text Input Elements

Single Line Text

The most basic form element for collecting short text responses.

Configuration options:

  • Label and description
  • Placeholder text
  • Minimum and maximum length
  • Required/optional
  • Input validation (email, URL, pattern matching)
  • Prefix and suffix text

Multi-line Text (Textarea)

For longer text responses, comments, or feedback.

Configuration options:

  • Number of visible rows
  • Auto-expand as user types
  • Rich text formatting options
  • Character/word counter

Email

Specialized text input with email validation.

Configuration options:

  • Auto-suggest common email domains
  • Duplicate email confirmation field
  • Strict or relaxed validation

Phone Number

Collect phone numbers with proper formatting and validation.

Configuration options:

  • Country selection dropdown
  • Auto-formatting
  • SMS verification option
  • International format support

Password

Secure input field for collecting passwords.

Configuration options:

  • Password strength indicator
  • Show/hide password toggle
  • Minimum requirements enforcement
  • Confirm password field

Choice Elements

Radio Buttons

For selecting a single option from a list.

Configuration options:

  • Horizontal or vertical layout
  • Image options
  • Description for each option
  • Custom styling

Checkboxes

For selecting multiple options from a list.

Configuration options:

  • Minimum/maximum selections
  • Toggle all option
  • Image options
  • Description for each option

Dropdown Select

Space-efficient way to select from many options.

Configuration options:

  • Search/filter functionality
  • Option groups
  • Multiple selection mode
  • Custom styling

Toggle/Switch

Visual on/off switch for binary options.

Configuration options:

  • Custom on/off labels
  • Color customization
  • Size options

Date and Time Elements

Date Picker

Calendar interface for selecting dates.

Configuration options:

  • Date range restrictions
  • Date format customization
  • Minimum/maximum date
  • Disallow specific dates

Time Picker

For selecting time values.

Configuration options:

  • 12/24 hour format
  • Minute increments
  • Duration selection
  • Time zone support

Date and Time Picker

Combined input for date and time selection.

Configuration options:

  • Combine all options from date and time pickers
  • Single or two-field display

Numeric Elements

Number Input

For collecting numeric values.

Configuration options:

  • Minimum/maximum values
  • Step size
  • Prefix/suffix (e.g., $, %)
  • Decimal precision

Slider

Visual way to select a numeric value within a range.

Configuration options:

  • Minimum/maximum values
  • Step size
  • Labels for values
  • Appearance customization

Rating

For collecting ratings on a scale.

Configuration options:

  • Scale (1-5, 1-10, etc.)
  • Custom icons (stars, hearts, etc.)
  • Label for each rating point
  • Half-step ratings

File Upload Elements

File Upload

Allow users to upload documents and files.

Configuration options:

  • File type restrictions
  • Maximum file size
  • Multiple file upload
  • Cloud storage integration
  • Drag and drop support

Image Upload

Specialized upload for images with preview.

Configuration options:

  • Image resolution requirements
  • Crop/resize options
  • Gallery view for multiple images
  • Camera capture on mobile devices

Advanced Elements

Address

Structured input for collecting physical addresses.

Configuration options:

  • Google Maps integration
  • Address autocomplete
  • International format support
  • Address verification

Name

Configurable name fields.

Configuration options:

  • Format options (First/Last, Full name, etc.)
  • Title and suffix fields
  • Middle name/initial
  • International name formats

Signature

For collecting digital signatures.

Configuration options:

  • Drawing area size
  • Clear and reset options
  • Download as image
  • Typed signature option

CAPTCHA

Prevent spam submissions.

Configuration options:

  • Type of CAPTCHA challenge
  • Accessibility options
  • Failed attempt handling

Hidden Field

Store information not visible to users.

Configuration options:

  • Default value
  • Dynamic value from URL parameters

Structural Elements

Section Break

Organize your form into logical sections.

Configuration options:

  • Title and description
  • Collapsible sections
  • Custom styling
  • Section numbering

Page Break

Split longer forms into multiple pages.

Configuration options:

  • Custom next/previous button text
  • Progress indicator
  • Conditional page navigation

Heading

Add titles and subtitles within your form.

Configuration options:

  • Heading level (H1-H6)
  • Alignment
  • Styling options

Paragraph Text

Add explanatory text or instructions.

Configuration options:

  • Rich text formatting
  • Variable insertion
  • Conditional display

Divider

Visual separator between form sections.

Configuration options:

  • Style (solid, dashed, dotted)
  • Color and thickness
  • Margin/padding

Specialized Elements

Payment

Collect payments directly through your form.

Configuration options:

  • Payment processor selection
  • Fixed amount or user-defined
  • Recurring payment options
  • Receipt options

Calculation

Perform calculations based on user input.

Configuration options:

  • Formula builder
  • Display format
  • Calculation triggers
  • Custom functions

Matrix/Grid

Collect multiple responses in a compact format.

Configuration options:

  • Row and column labels
  • Response type (radio, checkbox, dropdown)
  • Column width adjustment

Location

Collect geographic coordinates or location selection.

Configuration options:

  • Map integration
  • Current location detection
  • Search functionality
  • Display format

Best Practices

  • Use appropriate elements: Choose the right element type for the data you're collecting
  • Provide clear labels: Every element should have a descriptive label
  • Add help text: Include descriptions for complex fields
  • Set validation rules: Ensure you receive properly formatted data
  • Order logically: Arrange elements in a logical sequence
  • Test thoroughly: Preview your form to ensure all elements work as expected

For questions about specific form elements or advanced configuration, please contact our support team.