Removing Labels from fields

I've implemented this for a client that worked great, its semantic and has good fall-back support and validation stays intact.

There is also a variant way to do this here: http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/

We purposefully have not built this functionality in yet as we would prefer to do it solely with HTML5 instead of jQuery.

You can hide labels with CSS - do you have a link to your form?

You can use this to hide the labels (for this specific form):

[css]
#gform_wrapper_1 .gfield_label {
display: none;
}

What exactly did you have in mind for styling? I can help guide you here.

That's because it is technically a value and can be submitted. This is one of the drawbacks of using default values as "labels". That's where using the jLabel approach I linked to is more bulletproof. It is a customization and does require some basic knowledge of jQuery and placement in files - but it works great.

jLabel will take the actual "label" and place it inside of the input and retain validation. You can see a demo of that here which I did for a freelance client.

If you view the source of that page link I sent you, with my example on it. All the way at the bottom you will see a reference to a jLabel file. If you path to that and open it up, just grab that and place it in to your theme. Then just change the selectors as necessary:

jQuery('#gform_wrapper_1 input:text, #gform_wrapper_2 input:text').jLabel();

What that is doing is targeting all text inputs in forms with the ID of 1 and 2.

Nima,

It looks like your site is including two versions of jQuery. At the top you have the latest, which is correct. But then further down the page you have a much older version:

Screenshot

You also have a JS error: Screenshot

Rob,

I fixed the problem that was pulling extra (old) jQuery into the page. I also added the jLabel script. The form puts still dont change when clicked on.

Nima,