Formidable Forms

The Most Advanced WordPress Forms Plugin and Form Builder

  • Features
  • Pricing
  • Blog
  • Support
  • Login
  • Get Formidable Forms

About Field Options

Last Updated: June 17, 2020

Knowledge Base → Forms → Form Building → Field Options → About Field Options

Use Formidable's field options and icons to customize your forms and make form building easier than ever. This article will help you learn about the field options and field icons that can make your work easier.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

Field icons

Formidable's field action icons allow you to duplicate, delete, and move fields. The default text icons give you control over the default values in your fields.

Field action icons

These icons are found in the upper-right corner of each field on your form builder page and can be used to duplicate, delete, or move fields.
Field Options Icons

  • Duplicate field: duplicate a field and its options (the duplicated field is added to the bottom of the form).
  • Delete field: delete a field.
  • Move field: re-order fields within your form.

Free field options

Required

Set a field to required so users must fill in the field before they can submit the form. By default, a required field is indicated with an asterisk (*). This can be changed to any other symbol or text. When the 'Required' box is checked, a new validation message box labeled 'Required' appears. If a user leaves a required field blank, the text in this 'Validation' → 'Required' box will be used to alert users that the field cannot be blank.
Field Options Type Required

CSS layout classes

Add CSS classes to a field. Use your own class or a Formidable layout class to customize your form layout. You can add multiple classes by inserting a space between each class.
Field Options CSS Layout

Label Position

Set the label position of a field to default, top, left, right, inline, none, hidden, or placeholder inside the field. Section headings also include an option to center the heading. The default label position is defined in your Formidable Styles → Field Labels settings.
Field Options Label Position
The inline option puts the label on the same line as your field as long as the field is not too wide. If you set the label position to none, the label will not be displayed. If you set the label position to hidden, the label will not be displayed, but it will leave a space.

The option "Placeholder inside the field" will display the label as placeholder text inside the field until text is entered in the field, and then the label will be moved to Top. If you'd like to only have a placeholder and not have the label moved above the field when a user types, use these instructions instead.

Field Size

Set the width of your field and the maximum number of characters that can be entered. In a Dropdown field, you can select 'automatic width', which sets the field size to the width of your longest option. You can change the default field size in your Formidable 'Styles' → 'Field Labels' settings.
Field Options Field Size

Add Option

Click this button to add a new option to checkboxes, dropdowns, and radio button fields.
Field Options Add Option
Reorder individual checkbox, radio or dropdown select options by moving the drag and drop icon.
Field Options Add Option Reorder

Bulk Edit Options

Checkboxes, dropdowns, and radio buttons have a Bulk Edit option which allows you to add, edit, or remove a lot of options quickly.
Field Options Bulk Edit
You can use this to easily add a large number of choices to your field by typing them into the box that appears when you select 'Bulk Edit Options'. You can also use this option to populate your field choices with a ready-made list of Countries, U.S. States, U.S. State abbreviations, age ranges, levels of satisfaction, importance, or agreement.
Field Options Bulk Edit Options

Field Type

Displays the current field type and allows you to switch the field to a different field type.
Field Options Required Type

Field Key

A field key can be used to reference a specific field. By default, the key will be a random combination of letters and numbers. You can change the key if you would like, but it must be unique. If it is not unique, Formidable will add a number to the end of it. The key can be used interchangeably with the field ID. Note: a field key may not work correctly if it starts with 'if'.
Field Options Field Key

Pro field options

Unique

Prevents submission of a duplicate field value.
Field Options Type Unique
When you select this option, an error message will appear when the user hits 'Submit' if there has already been a submission with the same field value. You can customize this error message in the 'Validation' → 'Unique' box.

If using a Date field, previously submitted dates will be blacked out so they can't be selected again.
Date Unique Calendar

Read Only

Prevents user from editing a field value on the front-end of your site.
Field Options Type Read Only

Visibility

Determine who can see a field. If you select a particular user role, all user roles above that option will be able to see the field as well. For example, if you select Contributor, all user types from Administrator to Contributor will be able to see the field. The only exception is logged-out users. If you select this user type, only logged-out users will be able to see the field.
Field Options Visibilty

Calculations

You can perform both numerical and text calculations with values entered in your form.
Field Options Calculations
Choose how many decimal places you would like to show. If you choose 0, then there will be no decimals and it will round to the nearest whole number. See Field Calculations for more information about calculations.

Dynamic Default Value

Use this option when you would like a field to automatically populate. You can put a default value or shortcode in a field's Dynamic Default Value box:
Dynamic Default Dropdown

Validation

Customize the error messages for each field in this section. When 'Required' and/or 'Unique' are selected then the 'Required' and/or 'Unique' validation messages can be customized here.
Field Options Validation
If you would like to customize the default validation messages, go to 'Formidable' → 'Global Settings' → 'Default Messages'.

Before & After Input

This setting allows you to prepend/append your fields with a symbol or text. It is especially helpful when dealing with values that you would like formatted as a currency.

This setting can be found on field types with a text field or dropdown.
Field Options Type Before After Input
When you view your form, your modified field will look something like this:
Field Options Type Input Currency

By default, its styling comes from the Progress Bars & Rootline. You can customize the styling for the Before/After Input settings in Formidable → Styles → Progress Bars & Rootline. You may adjust the styling of BG Color and Text Color.
Field Options Type Before Input Styling

Prepend unicode icons

In addition to prepending keyboard characters, you can also prepend unicode characters. Here's an example of what you can create by appending unicode characters:
bootstrap forms unicode
Follow the steps below if you would like to include a unicode character to a field.

  1. Find a unicode character chart:
    unicode-character-chart
    Wikipedia has plenty of unicode character charts. Just make sure to choose a chart that displays the character in base+VS15 (text) format as shown in the image above. Copy the character you want to prepend to a field.
  2. Go to edit your form.
  3. Navigate to the field you would like to modify and open the Field Options.
  4. Paste the unicode character you chose in the Before input setting.
  5. Preview your form. If the unicode character you chose appears as a box, that character is not compatible with your browser. Best practice would be to select unicode characters that are cross-browser compatible (the simpler the better). If the character you chose appears, but is very small, you may have copied the emoji or base code point version of the character. You will need to go back to step one and make sure you copy the base+VS15 (text) representation of the character.

Conditional Logic

Conditionally show or hide fields in your form based on values entered in previous fields.
Field Options Conditional Logic
Use Section Headings to conditionally show or hide large sections of your form. See the Conditional Logic page for more information.

Field-specific options

— Premium Feature —

Most fields have additional options that can add to the functionality of your form. Click on a field type below to learn about its field-specific options.

  • Checkboxes and Radio Buttons
  • Dropdown
  • Email Address
  • reCATPCHA
  • Section Heading
  • Repeatable Section
  • File Upload
  • Number
  • Phone Number
  • Date
  • Time
  • Scale
  • Dynamic Field
  • Lookup Field
  • Embed Form
  • Password
  • HTML
  • Address
  • Slider
  • Toggle
  • Credit Card
  • Field icons
    • Field action icons
  • Free field options
    • Required
    • CSS layout classes
    • Label Position
    • Field Size
    • Add Option
    • Bulk Edit Options
    • Field Type
    • Field Key
  • Pro field options
    • Unique
    • Read Only
    • Visibility
    • Calculations
    • Dynamic Default Value
    • Validation
    • Before & After Input
    • Prepend unicode icons
  • Conditional Logic
  • Field-specific options
Categories
×

Categories

  • Installation & Getting Started
  • Account Management
  • Forms
  • Entries
  • Views
  • Styles
  • Importing & Exporting
  • Add-Ons
  • Extend Formidable Forms
Install Formidable Lite

Using WordPress and want to get Formidable Forms for free?

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Front End Editor
  • Repeating Fields
  • Views from Entries
  • Calculator Forms
  • Conditional Logic
  • Visual Form Styler
  • Form Templates
  • User Submitted Posts
  • File Upload Forms
  • Spam Protection
  • Multi Page Forms
  • Surveys & Polls
  • Form Graphs & Charts
  • Save and Continue
  • Mobile Forms
  • Stripe Forms
  • PayPal Forms
  • WooCommerce Forms
  • MailChimp Forms
  • User Registration
  • Signature Forms
  • Bootstrap Forms
  • Quiz Maker
  • Zapier Forms
  • Salesforce Forms
  • HubSpot Forms
  • API Webhooks
  • Multilingual Forms
  • Directories

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • Blog

Copyright © 2021 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews