Email Field in HT Contact Forms

1. Admin Label

Set an internal label for the field, which will be used for admin panel reference and managing entries.

2. Field Label

This is the label that users will see when filling out the form, guiding them to provide their email address.

3. Label Position

Choose where the label appears relative to the input field. Options include:

• Default
• Top
• Right
• Bottom
• Left

Align the label position based on your form design preference.

4. Hide Label

Toggle this switch to hide the field label from the user view, creating a cleaner look.

5. Placeholder Text

Provide a sample email address (e.g., [email protected]) as placeholder text to guide users.

6. Required

Enable this toggle to make the field mandatory.
✅ Users must enter an email address before submitting the form.

7. Validate Email

Turn this on to automatically validate that the input is in a proper email format.
✅ Prevents form submission if the entered text is not a valid email address.

8. Default Value

Set a pre-filled email address that appears in the field when the form loads.

9. Field Size

Choose the visual size of the input field. Options:

• Small
• Medium (Default)
• Large

Select based on the desired form layout.

10. Field Class

Assign a custom CSS class to the field for advanced styling and design customization.

11. Help Message

Provide extra instructions or clarification related to the email field, enhancing user understanding.

12. Message Position

Decide where the Help Message appears:

• Default
• Next to Label as Tooltip
• Below Input Element

Customize for better clarity and design fit.

13. Prefix Label

Insert a text prefix that appears before the email input box (optional).

14. Suffix Label

Insert a text suffix that appears after the email input box (optional).

15. Name Attribute

Set a unique name attribute for the email field, crucial for form data processing.