Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

HTML Tags

Last Updated: April 28, 2020

Knowledge Base → Forms → Form Settings → Customization Panel → HTML Tags

The HTML Tags modal will only be available when you are in the 'Customize HTML' section of your form. The tags in this modal can be used to insert simple shortcodes which will make it a little easier to customize your form.

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

HTML Tag shortcodes

Field boxes

HTML Tags Modal Field Boxes

  • Field ID: Inserts the ID of the corresponding field.
    [id]
  • Field Key: Inserts the key of the corresponding field.
    [key]
  • Field Name: Inserts the name or label of the corresponding field.
    [field_name]
  • Field Description: References the description for each field. This shortcode will not do anything if you have not added a description to the field. You may move the field description above, below, or inline with the field.
    [description]
  • Label Position: Returns the label position class.
    [label_position]
  • Required Label: Inserts the required field label, which is often an asterisk. You may move this required label anywhere within the corresponding field container.
    [required_label]
  • Input Field: References the input portion of the field. You may move the input or may add styling inside such as [input style="color:red"].
    [input]
  • Single Option: In order to edit individual options for radio buttons or checkboxes, you need to go into the correct box and change [input] to [input opt=1], [input opt=2], continuing until you have defined each option for this field. The 'Single Option' button can help you break out these options more quickly. You can use HTML or inline CSS to customize the options or add elements in between. For examples, see the Customize HTML page.
  • Hide Option Label: Hides the option labels for radio buttons and checkboxes. If you would like a checkbox or radio button with no accompanying text, use this shortcode.
    [input label=0]
  • Required Class: Inserts the class used for required fields.
    [required_class]
  • Error Class: Inserts the class used when there is an error with the field entry.
    [error_class]

Before & After field boxes

HTML Tags Modal Before and After Field Boxes

  • Form Name: Inserts the name of the form. This may only be placed in the before or after fields.
    [form_name]
  • Form Description: Inserts the form description if you have added one. This may only be placed in the before or after fields.
    [form_description]
  • Form Key: Inserts the form key for easy reference.
    [form_key]
  • Delete Entry Link: Inserts a link to delete an entry. For this link to work correctly, you must first allow users to delete entries.
    [deletelink]

Submit Button boxes

HTML Tags Modal Submit Button Field Boxes

  • Button Label: Inserts the label you have selected for your Submit button. This label is entered on the form Settings page.
    [button_label]
  • Button Hook: Inserts the action of the Submit button. This should not be removed if you make any changes to your Submit button HTML.
    [button_action]

For more information and examples of what can be done with the HTML tags, see the Customize HTML page.

  • HTML Tag shortcodes
    • Field boxes
    • Before & After field boxes
    • Submit Button boxes
Categories
×

Categories

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

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

You do not have permission to view this form.

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

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 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