A simple trick to achive the placeholder effects to gravity form filelds
1) Set the default values for the fields.
2) Hide the label using css display none property.
3) Add the following script to your js file
jQuery.fn.cleardefault = function() {
return this.focus(function() {
if( this.value == this.defaultValue ) {
this.value = "";
}
}).blur(function() {
if( !this.value.length ) {
this.value = this.defaultValue;
}
});
};
jQuery("input.yourClass, textarea.yourClass").cleardefault();
Cool Ha !
In the past, I’ve used a plugin to do this, but I think this simpler approach might be better. I think I might give this a try on my next project.