Input Field
The Input Field component provides a flexible input control for collecting user-entered data that cannot be captured using predefined options such as checkboxes, radio buttons, or sliders.
How It Works
The Input Field component renders a single-line input field that allows users to enter data based on the field’s label. You can configure the label, placeholder text, required state, enabled or disabled behavior, and validation rules to match your form requirements.
Properties
| Property | Description |
|---|---|
| Label Name | The text label displayed above the input field. |
| Hide Label | Option to hide the label visually while keeping it accessible to screen readers. |
| Disabled | The field is still displayed, however it can not be filled out. |
| Add Placeholder | Sets the placeholder text displayed inside the field when it is empty. This helps guide the user on what to enter. |
| Make Required | Marks the field as required. The user must input a value before submitting. |
| Add Regular Expression | Applies a custom validation pattern using regular expression (RegEx) syntax to control what input is allowed in the field. |
| Validation for Another Input Field | Sets a rule that compares this field’s value to another input field in the form. Commonly used to ensure matching entries. |
| Add CSS Class | Apply custom CSS classes to style the field to match your branding or layout. |
| Display Component in Navigation | Option to include this component in any summary or form navigation (if applicable). |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name | A variable identifier that can be copied to collect information in printable PDF or Word forms. |
| Mask in Notification Email | Masks the submitted value of this field in email notifications for enhanced privacy and compliance. Useful for preventing exposure of sensitive or identifiable information. |
Using Input Field Values in Other Parts of the Form
You can reference the data provided in Input Fields elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.