Input Number
The Input Number provides a numeric input for collecting user-entered values
How It Works
The Input Number component renders a single-line input field that automatically validates numeric input. Only numbers are accepted by default, and non-numeric characters are rejected at the time of entry.
Additional validation rules, such as custom Regular Expressions or field-to-field comparisons, can be applied if needed.
Properties
| Property | Description |
|---|---|
| Label Name | Text displayed above the input field. |
| Hide Label | Hides the label visually while keeping it accessible to screen readers. |
| Disabled | Displays the field but prevents the user from entering or editing a value. |
| Add Placeholder | Placeholder text shown inside the field when it is empty to guide user input. |
| Make Required | Marks the field as required. The user must input a value before submitting. |
| Add Regular Expression | Applies an additional validation pattern using Regular Expression (RegEx) syntax to further restrict allowed numeric input. |
| Validation for Another Input Field | Sets a rule that compares this field’s value with another input field in the form. Commonly used to ensure matching numeric values. |
| Add CSS Class | Applies custom CSS classes for styling and layout customization. |
| 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 reference used in printable PDF or Word templates. |
| Mask in Notification Email | Masks the submitted value in notification emails to reduce exposure of sensitive or identifiable information. |
Using Input Number Values in Other Parts of the Form
You can reference the data provided in Input Number elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.