Gravity Wiz

Magically enhanced tutorials, snippets and plugins for Gravity Forms!

  • Gravity Perks
    • Gravity Perks
    • Tutorials & Snippets
    • About
  • Support
    • Documentation
    • Support
    • Account

Gravity Forms Placeholder

Add HTML5 placeholders to your Gravity Form fields.

This plugin is part of Gravity Perks, a suite of 32+ essential Gravity Forms addons with support you can count on.

  • View All Perks
  • Buy Gravity Perks

Stop! This perk is deprecated.

This feature is now built into Gravity Forms. The perk is no longer required unless you need to add placeholder support for List fields.

  • View the Docs

What does it do?

The Placeholder perk allows you to add HTML5 placeholders to your Gravity Form fields. What are placeholders? They’re short hints that display inline in form input fields (and textareas) that help users fill out the fields with the correct data. They look like this:

front-end-example

Once the user starts filling the fields out, it would look like this:

front-end-example-filled-out

How does it work?

This perk adds a new field setting for fields that support the placeholder property. More on that below. After you’ve specified the placeholder for a field, the Placeholder perk handles updating the field’s input HTML to include the placeholder attribute. For browsers that support placeholders (like Firefix, Chrome and Safari), this functionality will work natively. That means no special scripts!

But alas, not all browsers support placeholders just yet. For these browsers (like Internet Explorer), the Placeholder perk loads a little jQuery Placeholder script by Daniel Stocks. This script adds support for the placeholder attribute to older browsers so regardless of the browser, the user receives a uniform experience.

How do I enable this functionality?

First step, as always, is to activate the Placeholder perk. Once activated, supported field types on all forms will automatically display the “Placeholder” setting right below the “Field Label” setting.

placeholder-setting

For single input fields (like the Single Line Text field and the Paragraph Field), there is only a single input for the Placeholder setting. For multi-input fields (like the Name field and the Address field), there will be an input to specify the placeholder for each input of that field type.

placeholder-setting-multi-input

Enter whatever text you would like to appear as the placeholder for each field on your form. Save your changes and you’re good to go!

Anything else I need to know?

Nope! That’s pretty much it. If you have any questions on this functionality or just want to say how much you love it, make sure you come back to GravityWiz.com and leave us a comment.

Perk Deets

  • Version 1.3.7
  • Updated December 2, 2018
  • Released January 21, 2013
  • View Changelog

1.3.7

  • Fixed issue where List field placeholders were not correctly replaced for indexes over 10.

1.3.6

  • Fixed issue where "gform_column_input_content" filter was not called correctly when placeholder was active.

1.3.5

  • Added minimum required version of Gravity Forms to bypass fatal errors when Gravity Forms was not active.

1.3.4

  • Fixed issue with List field placeholders not respecting their appropriate inputs

1.3.3

  • Updated to use GP_Bootstrap
  • Fixed issue where List fields failed to save their values correctly when placeholder was applied

1.3.2

  • Fixed issue caused by 1.9 conversion script when Email field did not have confirm email input enabled

1.3.1

  • Removed closing PHP tag and whitespace at the bottom of gwplaceholder.php

1.3

  • Gravity Forms 1.9 ready!
  • Updated minimum Gravity Perks version to 1.2.8
  • Added support for converting existing placeholder data to GF 1.9 placeholder format
  • Updated placeholder setting for fields GF does not offer placeholder support for to the "Appearance" tab

All Perks

  • GF Auto Login
  • GF Better User Activation
  • GF Blacklist
  • GF Conditional Logic Dates
  • GF Conditional Pricing
  • GF Copy Cat
  • GF Date Time Calculator
  • GF Disable Entry Creation
  • GF Easy Passthrough
  • GF eCommerce Fields
  • GF Email Users
  • GF Expand Textareas
  • GF File Upload Pro
  • GF Limit Checkboxes
  • GF Limit Choices
  • GF Limit Dates
  • GF Limit Submissions
  • GF Live Preview
  • GF Media Library
  • GF Multi-Page Navigation
  • GF Nested Forms
  • GF Pay Per Word
  • GF PayPal One-time Fee
  • GF Placeholder
  • GF Populate Anything
  • GF Post Content Merge Tags
  • GF Preview Submission
  • GF Price Range
  • GF Read Only
  • GF Reload Form
  • GF Terms Of Service
  • GF Unique ID
  • GF Word Count

Copyright © 2021 · Powered by WordPress · Gravity Wiz LLC

  • Support
  • Affiliates
  • About
  • Sitemap
  • Gravity Perks
    ▼
    • Gravity Perks
    • Tutorials & Snippets
    • About
  • Support
    ▼
    • Documentation
    • Support
    • Account