Number Input
The Number Input element collects a number, whole or decimal, and keeps the form from being submitted while the field holds anything else.
The Number Input element is built for numeric data: quantities, prices, scores, percentages or any other number. It accepts whole numbers and decimals.
Like the Text Input, it supports regex-based validation, default values, read-only and disabled modes, and full runtime manipulation via the Procesio Forms data model.
Entering a number
The field accepts whatever the person types, and checks it as they type:
- A whole number such as
42, a negative number such as-8, or a decimal with a dot, such as1234.5, is a number. - On phones and tablets the field opens a keyboard for numbers.
- While the field holds text that is not a number, such as
abc, the form's Submit button is disabled and nothing is sent. Hover the disabled Submit button to see the reason: "Enter a number, for example 1234.5." As soon as the field holds a number again, Submit is enabled.
An empty field does not block Submit. Turn on Required to make a value mandatory.
Key Use Cases
โข Quantity fields, pricing inputs, age or score collection
โข Dynamically updating a total or calculated field at runtime by setting value
โข Setting min/max constraints via regex or external form logic
โข Locking a numeric field after a process step by toggling readonly at runtime
โข Pre-filling budget, quota, or threshold values from process variables on form load
Runtime API โ Attributes in Procesio Forms
All attributes below are accessible and modifiable at runtime via the element's data model in Procesio Forms โ on any available event such as onLoad, onChange, or custom triggers.
| API Name | Description | Type | Default | Notes |
|---|---|---|---|---|
| label | Display label shown above the input field | string | โ | โ |
| placeholder | Hint text shown inside the empty field | string | โ | โ |
| tooltip | Help text shown alongside the label | string | โ | โ |
| infotext | Supplementary info displayed below the input | string | โ | โ |
| defaultvalue | Initial value when the form loads | number|string | โ | โ |
| value | Current runtime value โ read or set programmatically | number|string | โ | โ |
| readonly | If true, users can view but not edit the value | boolean | false | โ |
| disabled | If true, the field is fully non-interactive | boolean | false | โ |
| visible | Controls element visibility | boolean | true | โ |
| name | Unique name for referencing in logic/events | string | โ | โ |
| id | Unique element ID | string | โ | โ |
| required | Marks the field as mandatory on submit | boolean | false | โ |
| regex | Regex pattern for custom numeric validation | string|null | โ | โ |
For support, please join our Discord community for further assistance and support.
Text Input
The Text Input element is the foundational building block for collecting free-form textual data from users. It supports a wide variety of input modesโฆ
Date-time Input
The DateTime control lets you capture or display date and/or time values in your forms with flexible configuration options. It supports multipleโฆ