Gravity Forms has just added a new feature that allows you to use placeholder text instead of field labels, which I love. It gives a cleaner look and saves room. However, to get this new feature to work, you need to add this little bit of code to your functions.php file:
//* Add placeholder text for Gravity Forms add_filter( 'gform_enable_field_label_visibility_settings', '__return_true' );
Once you do this, you will see a new option on the Appearance tab under Field Visibility:
Then, be sure to fill out your placeholder text just above that.
Then, you can change your form from looking like this:
To looking like this:
Read more about this here: https://www.gravityhelp.com/gravity-forms-v1-9-placeholders/
One note: when adding your values, sometimes the text in the advanced tab gets filled automatically and this can cause problems with the placeholder text not disappearing when you try to type in the field, as this example shows:
To fix this problem, simply look under the Advanced tab and make sure the Default text is empty.
Katja says
Replacing labels with placeholders isn’t a good idea for accessibility reasons. The default colour of the placeholder text, in browsers that support placeholder, doesn’t have sufficient contrast with the default background color. Removing labels also makes it difficult for users to review their forms – once they’ve entered data, they’ve removed the clue that the placeholder provided.
Laura Hartwig says
Good point. Thanks for bringing this to our attention.