WordPress.org

Ready to get started?Download WordPress

Forums

Gravity Forms - Placeholders add-on
problem with clicking the input fields (3 posts)

  1. imagineUtopia
    Member
    Posted 1 year 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 year ago #

    I would love to see this as well.

  3. Jon Brown
    Member
    Posted 1 year 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; }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic