About the Text Field
The Text Field is a basic input element used for single-line responses, such as collecting names, phone numbers, or other brief details.
Unlike the Text Area, which is designed for multi-line responses like messages or comments, the Text Field is ideal for shorter inputs.
Important Note: The Text Field can only be used within a Contact Form or Newsletter Form. Add one of these form elements to your page before using the Text Field.
For a complete guide on building forms and adding elements into a form, please refer to our Build a Contact Form and Newsletter Form articles.
Text Field Settings
Here are all the settings of a text field element:
Placeholder
Set a placeholder to guide users on what information to enter.
For example, placeholders like “Enter your name” or “Type your phone number” provide clear instructions to users. The placeholder disappears when users start typing.
Required
Toggle the Required option to ensure users must fill in the field before submitting the form. This is useful for essential information like names or phone numbers to avoid incomplete submissions.
Size
- Field size: Choose from predefined sizes — Small, Medium, or Large — to adjust the appearance of the field.
- Width: Control the width of the field to ensure it integrates seamlessly with other form elements or page layouts.
Align
This setting is available only when the field is not set to full width. Use it to align the Text Field to the left, center, or right within its container for better visual balance.
Text
Customize the text style for the field, including font type, size, color, and font-weight, to match your page’s overall design theme.
Name
Assign a unique name to the Text field for form processing. This is especially important if you’re integrating your form with external tools or systems, as the field name will identify the data submitted.
Configure the Advanced tab for the Text Field Element
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.
