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โฆ
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 โ from plain text to email addresses, URLs, passwords, and search queries โ making it adaptable to virtually any data-entry scenario in your form.
Beyond basic text entry, Text Input offers built-in validation through regex patterns, optional read-only and disabled states for display or access-control logic, and rich labeling capabilities including tooltips and informational sub-text. This makes it equally useful for both editable data collection and read-only display of process outputs.
Key Use Cases
โขย ย ย ย ย ย ย Collecting names, descriptions, addresses, and any free-text fields
โขย ย ย ย ย ย ย Enforcing email, URL, or password formats via the type attribute
โขย ย ย ย ย ย ย Pre-filling values at form load (defaultvalue) and updating them at runtime (value)
โขย ย ย ย ย ย ย Displaying read-only computed results from a process by toggling readonly to true
โขย ย ย ย ย ย ย Applying regex patterns for custom field validation (e.g., phone numbers, product codes)
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 | The display label shown above the input field | string | โ | โ |
| placeholder | Hint text shown inside the empty input | string | โ | โ |
| type | Controls input mode and browser behavior | string | text | email, password, search, text, url |
| tooltip | Help text shown alongside the label (usually as an icon) | string | โ | โ |
| infotext | Supplementary info displayed below the input | string | โ | โ |
| defaultvalue | The initial value when the form first loads | string | โ | โ |
| value | The current runtime value โ read or set programmatically | string | โ | โ |
| readonly | If true, the user can view but not change the value | boolean | false | โ |
| disabled | If true, the input is fully non-interactive | boolean | false | โ |
| visible | Controls whether the element is shown or hidden | boolean | true | โ |
| name | Unique identifier for referencing this element in logic | string | โ | โ |
| id | Unique DOM/element ID | string | โ | โ |
| required | If true, the form cannot be submitted while empty | boolean | false | โ |
| regex | A regex pattern for custom validation on submission | string|null | โ | e.g. ^[A-Z]{3}$ |
For support, please join our Discord community for further assistance and support.
Elements
Every attribute listed in this guide is an attribute in the element's data model within the Procesio Forms feature. All attributes can be accessedโฆ
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โฆ