Formidable dropdown field Cheat sheet by Sujeevan | Sep 1, 2019 | Formidable, Formidable Cheat sheet | 2 comments Learn all about Formidable Forms dropdown field in this Cheat sheet. Field Type – Dropdown Simple dropdown Apple Orange Banana Required dropdown * Apple Orange Banana This dropdown field requires a value. If no value provided, there will be a validation error message (customizable). The default “required field indicator” is * (customizable). Read-only dropdown Apple Orange Banana This is a read-only dropdown. User can’t select any options. However, an option can be set indirectly using “Default Value” in field settings or programmatically. Dropdown with default option Apple Orange Banana Any of the options can be selected as the default option Dropdown with first option as default option * Apple Orange Banana When there is no default option selected, dropdown auto-selects the first option by default. Usually, the first option is an empty option, so we don’t really see it. But if the first option is a non-empty option, we can see it in action. Dropdown with placeholder text * Select your favorite fruit Apple Orange Banana Placeholder is used to add message/instruction to a dropdown. When the first option is an empty option, placeholder text replaces its label. However, its value is still empty. That means, when the user saves the form without making a selection, the dropdown value will be stored as empty. Since placeholder value is empty, it will fail “required” validation. Dropdown with placeholder text when there is no empty option * Select your favorite fruit Apple Orange Banana When the first option is not an empty option, placeholder text is added as the new first option pushing existing options below. This field looks exactly the same as the previous one but the difference is previous dropdown has 4 options “” (empty), “Apple”, “Orange” and “Banana” while this dropdown has only 3 options “Apple”, “Orange” and “Banana”. The first option was added by placeholder text. Dropdown with label position “Placeholder inside the field” * Apple Orange Banana Label position “Placeholder inside the field” is another way of adding placeholder where field label becomes the placeholder. It also replaces the empty option label. Dropdown with Automatic width enabled Apple Orange Banana Blueberry Pears Pineapple Strawberry When “Automatic width” enabled, dropdown size is automatically adjusted to the size of its option labels. Dropdown with Autocomplete Apple Orange Banana Blueberry Pears Pineapple Strawberry Autocompletes is useful when there is a large number of options in a dropdown field where searching for an option is faster than scrolling the list. Dropdown with “Other” option Apple Orange Banana Blueberry Pears Pineapple Strawberry Other Dropdown with "Other" option The “Other” option allows the users to provide an option which is not listed in a dropdown. Upon selecting the “Other” option, a text field shows up where the user can type the new option. Dropdown with “Other” option as default option Apple Orange Banana Blueberry Pears Pineapple Strawberry Other Dropdown with "Other" option as default option The “Other” option can be the default option. The value set in “Default Value” settings will become the default value of the “Other” option Multi-select Dropdown Apple Orange Banana Blueberry Pears Pineapple Strawberry The multi-select dropdown allows the user to select more than one options. Multi-select Dropdown with default options Apple Orange Banana Blueberry Pears Pineapple Strawberry In this dropdown, “Apple” and “Banana” are selected as default options. Multi-select Dropdown with autocomplete Apple Orange Banana Blueberry Pears Pineapple Strawberry Multi-select Dropdown with autocomplete and default options Apple Orange Banana Blueberry Pears Pineapple Strawberry Submit Get Formidable FormsThe Best WordPress Form Builder 2 Comments Mike on October 26, 2021 at 12:57 pm Is there a way so that the placeholder text can’t be selected and submitted? Eg “Subject” Reply Sujeevan on October 26, 2021 at 3:26 pm Behind the placeholder text, the actual value will be empty text. So if you add the “Required” option, it can’t be submitted. Reply Submit a Comment Cancel replyYour email address will not be published. Required fields are marked *Comment * Name * Email * Save my name, email, and website in this browser for the next time I comment. Current ye@r * Leave this field empty
Mike on October 26, 2021 at 12:57 pm Is there a way so that the placeholder text can’t be selected and submitted? Eg “Subject” Reply
Sujeevan on October 26, 2021 at 3:26 pm Behind the placeholder text, the actual value will be empty text. So if you add the “Required” option, it can’t be submitted. Reply
Is there a way so that the placeholder text can’t be selected and submitted? Eg “Subject”
Behind the placeholder text, the actual value will be empty text. So if you add the “Required” option, it can’t be submitted.