WordPress.org

1. imagineUtopia
   Member
   Posted 4 months ago #
   

   Hi my client is complaining about the form on this page.

   http://www.newhairutah.com

   He is saying there is a "weird user experience when you click the input fields and the text remains with the cursor. Can you change it so when the user clicks in the box the text disappears and the cursor is ready to go?"

   Is there a way to have the Name and Email labels disappear as soon as the user clicks into that field? I think its confusing them when it still has the labels and they need to be typing in their info.

   http://wordpress.org/extend/plugins/gravity-forms-placeholders/

2. arudd
   Member
   Posted 1 month ago #
   

   I would love to see this as well.

3. Jon Brown
   Member
   Posted 3 days ago #
   

   This might help if you want to do it with jQuery:
   http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/
   (note I haven't actually tried this and it might not work with the gravity forms placeholder jquery)

   You can also do it with CSS in non-ancient browsers:

   /* WebKit < 19 */
   input:focus::-webkit-input-placeholder { color: transparent; }
   /* Firefox < 19 */
   input:focus:-moz-placeholder { color: transparent; }
   /* Firefox > 19 */
   input:focus::-moz-placeholder { color: transparent; }
   /* Internet Explorer 10 */
   input:focus:-ms-input-placeholder { color: transparent; }

Reply

You must log in to post.