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
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.