If you’ve ever had to develop a form in WordPress before then you’d know without Gravity Forms it’s a very painful process. Recently while using the Gravity Forms plugin I was asked to develop a form with infield labels instead of the standard HTML label on-top. Out-of-the-box Gravity Forms supports no such functionality, so I did what any good developer would do and created a plugin and uploaded it to Github.
The plugin does what the name implies, it removes the standard Gravity Forms label and makes all supported inputs have the label instead. Sometimes this is cleaner and a request you might hear from a designer every now and then. Sure we have the HTML5 placeholder attribute, but support is still flaky for browsers like Internet Explorer. This plugin should support all browsers including IE6 (if you’re into that kind of thing still) without using any HTML5 functionality.
If you have any problems, suggestions or improvements feel free to fork the code on Github and send me a pull request.
If you don’t use Gravity Forms but would like infield labels, simply remove the following lines from the top and take note of how it’s used to apply it to any form.
[code]$(function() {
$(“.gform_wrapper form”).labelfy();
});[/code]
Check out the plugin here on Github.
