Formidable Forms

The Most Advanced WordPress Forms Plugin and Form Builder

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

frm_field_input_html

Last Updated: May 7, 2018

Knowledge Base → Extend Formidable Forms → Formidable Hooks - for Developers → Field Appearance → frm_field_input_html
Heads up!
This article contains PHP code and is intended for developers. We offer this code as a courtesy, but don't provide support for code customizations or 3rd party development.

This hook can be used to add HTML within input tags in a field. It is especially helpful for adding HTML5 placeholder text, required attributes, and formatting field input.

Usage

add_action('frm_field_input_html', 'add_input_html');
function add_input_html($field)

Parameters

  • $field (array)

Examples

Insert required and placeholder

Use this code to add HTML directly in your input field. This example adds HTML5 placeholder text and required attributes. This can also be done in your customizable HTML by changing [input] to [input required="required"] or [input placeholder="2"]. Any other HTML can be added in this code or to your customizable HTML as well.

add_action('frm_field_input_html', 'add_input_html');
function add_input_html($field, $echo=true){
  $html = '';
  if($field['id'] == 25){ //change 25 to the ID of your field
     $html = ' required="required"';
  }
  if($field['type'] == 'number'){
     $html = ' placeholder="2"';
  }
  if($echo)
    echo $html;
  return $html;
}

Add the field name as input title

If you would like your input fields to show the field title on hover, you can add it in your customizable HTML with [input title="The field name"]. If you would like this to be on a larger number of fields, php may be easier.

add_action('frm_field_input_html', 'add_input_title');
function add_input_title( $field, $echo = true ) {
  $html = '';
  if($field['type'] == 'text'){
     $html = ' title="'. esc_attr( $field['name'] ) .'"';
  }

  if($echo){
    echo $html;
  }

  return $html;
}
  • Usage
  • Parameters
  • Examples
    • Insert required and placeholder
    • Add the field name as input title
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

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