Field Types
> Choose from 20+ field types to build the exact form you need.
Brickr forms support a wide range of field types. Each type has its own input behavior, validation options, and data format.
Text inputs
Text
Single-line text input. Use for names, titles, short answers.
- Data type: string
- Supports placeholder: Yes
Email address input with built-in format validation.
- Data type: string
- Supports placeholder: Yes
Phone
Phone number input with a country code selector. Stores both the country code and number.
- Data type: object
- Supports placeholder: Yes
- Default country code: +49
URL
Website link input with URL format validation.
- Data type: string
- Supports placeholder: Yes
Password
Masked text input where characters are hidden as the user types.
- Data type: string
- Supports placeholder: Yes
Search
Text input styled for search queries.
- Data type: string
- Supports placeholder: Yes
Textarea
Multi-line text input for longer responses, descriptions, or messages.
- Data type: string
- Supports placeholder: Yes
Numeric inputs
Number
Numeric input with optional minimum and maximum values.
- Data type: number
- Supports placeholder: Yes
- Configurable: min value
Range
Slider input for selecting a number within a defined range.
- Data type: number
- Configurable: min (default 0), max (default 100), step (default 1)
Selection inputs
Select
Dropdown menu for choosing one option from a list.
- Data type: string
- Configurable: list of options
Radio
Radio button group for selecting a single option. All options are visible at once.
- Data type: string
- Configurable: list of options
Checkbox
A single yes/no toggle.
- Data type: boolean
List
Input for collecting multiple text values as a list.
- Data type: string:array
Date and time
Date
Standard date picker using the browser's native date input.
- Data type: string (ISO format)
Date Select
Custom date selector with enhanced styling.
- Data type: string
Date Range
Date range picker with from/to selection.
- Data type: string
Time
Time picker with scrollable hour and minute selection.
- Data type: string
- Configurable: 12h or 24h format
File inputs
File
General file upload supporting documents and other file types.
- Data type: object:file
- Accepted types: PDF, DOC, DOCX, TXT, CSV, XLSX (configurable)
- Max size: 10 MB (configurable)
- Multiple files: Configurable
Image
Image upload with preview.
- Data type: object:file
- Accepted types: JPG, JPEG, PNG, GIF, WEBP (configurable)
- Max size: 10 MB (configurable)
- Multiple files: Configurable
Uploaded files are stored in your workspace's storage. You can configure accepted file types, maximum size, and whether multiple files are allowed.
Visual inputs
Color
Color picker that outputs a hex color code.
- Data type: string (hex format, e.g.,
#ff6b6b)
Special inputs
Hidden
A field that is not visible to the user. Use it to pass fixed values or metadata along with the submission.
- Data type: any
Hidden fields are useful for tracking where a submission came from. Set a default value like a page name or campaign ID.
Data type reference
| Field Type | Data Type | Notes | |-----------|-----------|-------| | Text | string | | | Email | string | Validated format | | Phone | object | Contains country code + number | | URL | string | Validated format | | Password | string | Masked input | | Search | string | | | Textarea | string | Multi-line | | Number | number | | | Range | number | Slider | | Select | string | Single choice | | Radio | string | Single choice | | Checkbox | boolean | | | List | string:array | Multiple values | | Date | string | ISO format | | Date Select | string | Custom picker | | Date Range | string | From/to | | Time | string | | | File | object:file | | | Image | object:file | | | Color | string | Hex code | | Hidden | any | Not visible |
What's next?
| Topic | Description | |-------|-------------| | Validation | Add rules to your fields | | Submissions | View collected responses | | Triggers | Automate actions on submission |