Form entries disappear on form field deselect (blur)

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

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. :)

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