Number Input
Like the Text Input, it supports regex-based validation, default values, read-only and disabled modes, and full runtime manipulation via the Procesioโฆ
The Number Input element is purpose-built for capturing numeric data from users. Whether collecting quantities, prices, scores, percentages, or any other numeric value, it enforces numeric input at the browser level while remaining flexible enough to accept both integer and decimal values.
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. Use it wherever numeric precision matters and you want to prevent non-numeric entries without writing custom validation logic.
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โฆ