Text Input
2 min
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 https //discord com/invite/cebukgjefv for further assistance and support
