Field Types
Overview
Each Form Field in Divi Form Builder has one field type that determines how it is rendered and which options are available. Choose the field type in the Form Field's Content tab under Field → Field Type. Add fields from the Form module Content tab with Add New Form Field and set Field Type for each.
Field types
| Field type | Description | Doc |
|---|---|---|
| Input | Single-line text, email, URL, or password. | Input field |
| Textarea | Multi-line text; optional WYSIWYG and character limit. | Textarea |
| Number | Numeric input with optional range slider. | Number field |
| Select | Dropdown; optional Select2 and multi-select. | Select dropdown |
| Checkboxes | Multiple checkboxes; optional images and button style. | Checkboxes |
| Radio | Radio buttons; optional images and button style. | Radio buttons |
| File upload | File or image upload with preview and limits. | File upload |
| Date and time | Date only (datepicker) or date and time (datetimepicker). | Date and time field |
| Hidden | Hidden input with value from page, custom, or ACF. | Hidden field |
| Signature | Signature pad with clear option. | Signature |
| Calculation | Calculated value from formula and other fields. | Calculation field |
| AI output | AI-generated response; optional output to another field. | AI output |
| HTML content | Static text, editor, code, or Divi layout (non-input). | HTML content |
| Step | Multistep divider with Prev/Next and optional title. | Step field |
How to choose the right field type
- Use Input, Textarea, and Number for user-entered values.
- Use Select, Radio, and Checkboxes for controlled choices.
- Use Date and time, File upload, and Signature when you need specialized input behavior.
- Use Hidden, HTML content, and Step for form structure and workflow support.
- Use Calculation and AI output when values are generated instead of directly typed.
Verify your field setup
- Open the form on the front end and complete one test submission.
- Confirm each field displays as expected (labels, placeholder, options, helper text).
- Confirm validation triggers correctly for required fields and invalid values.
- Check the saved entry and any email notifications to verify submitted values are correct.
What's Next
- Review Form Types to choose the right submission workflow.
- Continue to Features for conditional logic, automation, and advanced setup.
- Open FAQ for troubleshooting common form behavior issues.