Surprisingly Gravity Forms hasn’t implemented the placeholder feature for Gravity Forms input elements. The placeholder allows you to show placeholder text inside the field instead of using field labels to create more concise looking forms like this:
On June 22, 2011, Jorge Pedret, a freelance web developer, came up with a solution to the Gravity Forms placeholder problem with a clever function and script that could be added to your theme’s functions.php file. Unfortunately, the solution he posted didn’t work with non-html 5 compliant browsers, such as IE 7 and IE 8.
On September 15, 2011, WP Beginner reposted Jorge’s solution, yet it still didn’t work on IE. Luckily, an astute reader of WP Beginner, chood531, solved the problem and posted some code on pastebin, however, the code was only partial, so not the complete solution and validation errors ended up removing the placeholder values in IE 8, so the form was inscrutable.
To use the Gravity Forms Placeholders Add-On plugin, go to Plugins > Add New and search for Gravity Forms Placeholder. Install the one by Joan Piedra.
After installing the plugin, edit each of your forms. For each field on the form, click the Advanced tab. In the CSS Class Name field, type: gplaceholder
Save your changes. This will now use the field label as the placeholder text on the form.