Input Settings
2 min read
Type:
The type determines the data format of the field. Choose the type that best suits the data you want to collect from the user.
The type determines the data format of the field. Choose the type that best suits the data you want to collect from the user.
- Text: A field that can contain any type of character. Use this for names, addresses, or any other piece of information that does not follow a pattern.
- Password: A password field. Entered text is hidden with bullets ••• .
- Number: A field that can contain only digits. Any other type of character is ignored.
- Email: An email address field.
If the user enters an invalid email address, a tooltip warns the user. - URL: A web address field.
If the user enters an invalid web address, a tooltip warns the user. - Phone Number: A field that can contain only digits and certain symbols. No validation at present
Text Settings
Show text on load
- None: The field starts off empty.
- Placeholder text: The field displays a hint to the user of what to enter. The hint disappears as soon as the user starts typing. The Placeholder text section appears below.
- Initial text: The field displays an initial value. Use this to provide a default as a convenience for the user. The Initial text section appears below.
- Initial text then placeholder text: The field displays an initial value. If the value is erased, the placeholder hint appears.
Placeholder text
Enter the text you want to appear in the text input as a hint to the user. This section is visible if you select Placeholder text or Initial text then placeholder text from the Show text on load section.
Enter the text you want to appear in the text input as a hint to the user. This section is visible if you select Placeholder text or Initial text then placeholder text from the Show text on load section.
Initial text
Enter the text you want to appear in the text input as an initial, default value. This section is visible if you select Initial text or Initial text then placeholder text from the Show text on load section.
Enter the text you want to appear in the text input as an initial, default value. This section is visible if you select Initial text or Initial text then placeholder text from the Show text on load section.
General Settings
- Required: Users must enter a value in the text input before submitting.
- Read only: The value of the field cannot be changed by the user. You could use a read-only field to display a calculated value, for example. The user is still able to select the field's value for copying.
Limit length
Select this toggle to set a character limit for the text input.
Select this toggle to set a character limit for the text input.
Number of characters
Enter a number as the character limit for the text input.
Enter a number as the character limit for the text input.
Add pattern validation
Click the toggle to enable regex (regular expression) to apply additional criteria whenever the field is validated. Use the edit box to enter and edit your regular expression.
Did this help?
|