Support » Plugin: Gravity Forms - Placeholders add-on » problem with clicking the input fields

  • imagineUtopia


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

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • I would love to see this as well.

    This might help if you want to do it 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; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘problem with clicking the input fields’ is closed to new replies.