What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Form entries disappear on form field deselect (blur)

    Asked by Flobin on June 10, 2015 at 11:20 AM

    Dear Jotform,

    First of all I'd like to say thank you so much for providing an excellent service! One thing I love about Jotform is that I can download the form as HTML and it only needs some Javascript to work. This is great for a VPS where you don't want to mess with setting up a mail server.

    Anyway, I'm having a bit of a problem with my contact form. It's at http://cool-house.nl/index.php#contact (bottom of the page). As you can see, I made some (CSS) modifications to the form, but not its logic. 

    The input fields have event handlers attached to them. On focus, they get a dark blue background. If they're empty, the blue background disappears (on blur). If they're not empty, the background stays. However, with JotForm, on blur, the text disappears in non-empty fields. At least, visually, I'm not entirely sure it actually disappears.

    My question is: why is that and what can I do to stop this?

    Thank you very much in advance!

    Kind regards,

    - Robin Berghuijs

    Page URL:

  • Profile Image

    Answered by Boris on June 10, 2015 at 01:08 PM

    Hello Robin.

    Upon checking your form, I can see that you have set opacity:0 to your input fields in the global.css:

    This is causing your input fields to disappear. The reason that you can see the text again on :focus is the following CSS:

    I would suggest that you remove the opacity:0 setting on input fields, or otherwise, set opacity:1 to our form input fields specifically:

    .form-all .input { opacity: 1; }

    Please let us know if this fixed your problem, Robin. :)

  • Profile Image

    Answered by Flobin on June 11, 2015 at 04:12 AM

    This fixed my issue. Thank you very much for the help!