The Multiple Choices Field in HT Contact Forms allows users to select one or more options from a list.
It is ideal for questions that require multiple answers, like selecting preferences, favorite items, or multi-category selection.
Multiple Choices Field Settings: #
1. Admin Label #
The internal label used within the form builder and admin dashboard for easy management of entries.
2. Field Label #
This is the visible label users will see on the form, helping them understand what they are selecting.
3. Label Position #
Choose where the field label appears relative to the selection options:
- Default
- Top
- Right
- Bottom
- Left
Select the position that best fits your form layout.
4. Hide Label #
Toggle this switch to hide the label from users on the front-end.
5. Placeholder Text #
(Optional) You can provide placeholder text that appears before the user selects an option.
✅ Useful for offering guidance like “Select your preferences.”
6. Options #
Create and manage the list of available choices:
- Add multiple options.
- Set both the Label (visible text) and the Value (internal value) for each option.
- Rearrange options easily by dragging.
- Delete any unwanted options.
✅ Example:
- First Option (
first_option) - Second Option (
second_option)
7. Searchable #
Enable this feature to allow users to quickly search for options within the list.
✅ Highly recommended if you have many options.
8. Max Selection #
Set the maximum number of options a user can select.
✅ Example: If set to 2, the user can only pick two choices.
9. Required #
Enable this toggle to make selection mandatory before the user can submit the form.
10. Field Size #
Select the size of the field according to your form design. Options:
- Small
- Medium (Default)
- Large
11. Field Class #
Assign a custom CSS class for the field for styling it uniquely through additional CSS rules.
12. Help Message #
Provide extra instructions or information about the field.
✅ Example: “You can select up to 3 options.”
13. Message Position #
Specify where the Help Message should appear relative to the field:
- Default
- Next to Label as Tooltip
- Below Input Element
Choose the best option to enhance clarity.
14. Name Attribute #
Set a unique name attribute for the multiple choices field.
✅ Essential for properly processing the submitted form data.
Important Note:
📌 Max Text Length does not apply to the Multiple Choices field, since users select predefined options, not type manually.
Tip:
If you expect users to select multiple preferences but want to limit it, always configure the Max Selection field to control user input efficiently! 🎯
