Text input
The Text input collects free text from a visitor. Use it for a name, a company name, additional information, or an address note, wherever a short typed answer is better than a fixed choice.
Properties
The properties live in the inspector under the Text group, with Logic as a separate group. The Default field appears only when Has default value is on.
Property | What it does | Default |
|---|---|---|
Placeholder | Hint text shown inside the field before the visitor types | Enter text here |
Wrap on new line | Turns the field into a multi-line text area that grows as the visitor types | Off |
Disabled | Prevents visitors from typing; accepts a boolean or a formula | Not set |
Required | Marks the field as mandatory; accepts a boolean or a formula | Off |
Has default value | Shows the Default field so the field starts filled in | Off |
Default | Text the field starts with; accepts text or a formula, shown only when Has default value is on | Not set |
Go to next view when answered | Moves to the next view once the visitor has filled the field | Off |
Logic | Controls when the field is visible | No condition |
The Placeholder field uses "Add placeholder" as its hint, and the Default field uses "Add your default here". A formula used as the default must return text; otherwise the field starts empty. When a required field is left empty, validation shows "Please fill this in".
References
References expose the visitor's answer as data you can use in formulas and other elements. Assign a reference to store the field's value in a variable.
Value: the text the visitor typed.
Touched: whether the visitor has typed in the field.
Last touched at: when the visitor last typed in the field.
Styling
The Text input can be styled per state and per part of the element.
Style states: Active, Default, Disabled, Error, Focus, Hover, Placeholder.
Named targets: wrapper, input, error-label.
Named styles: Text input, Text input - brand background, Text input - underlined.
Turning on Wrap on new line renders the field as a text area, but it keeps the same input target, so there is no separate multi-line style target. Apply general styling from the Style tab: quick styles, style sets, and CSS overrides per state and per breakpoint. See the styling reference for the full system.
Related articles
UI Elements: overview of the elements.
FormulaScript Overview: using formulas in properties.