, ,

Place Holder for Gravity Form Filelds

place-holder-effect-for-gravity-form-fileds

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 !