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

    Free Text (HTML) - Doesn't save certain html code

    Asked by SoyHound on August 13, 2012 at 01:06 PM


    I've been trying to implement the transparent overlay suggested in the following link:


    The problem I'm facing is the Free Text (HTML) isn't saving:



    I'll test the HTML code and add some text to it.  After clicking Update and then Complete, and going back to the HTML editor, the

    stuff will be gone while some random text I add will be there.


    I've tried this all latest versions of Chrome, Firefox, and IE.  Restarted and cleared the cache as wel. Nothing seems to work.  Is there something I'm not doing right?



  • Profile Image
    JotForm Support

    Answered by Deygus on August 13, 2012 at 01:14 PM


    Have you tried placing it between <html> .... </html> and under <body>? Alot of the time, it may not show or be recognized until after doing so. There's alot of software that has that part disabled so it is unnecessary but usually it is better to add those in anyway because 9 times out of 10 it solves the issue in the first place. Also if the field is set to large or too small it will offset it to appear out of the place you are wanting to put it. Hope this helps.



    Kade M.

  • Profile Image

    Answered by SoyHound on August 13, 2012 at 01:35 PM

    Hi Thanks for answering!

    I've tried this:

    <div style="top: -120px; width: 400px; height: 70px; filter: alpha(opacity=0); position: relative; opacity: 0; background-color: red;"></div>

    After clicking Update and then Complete and then going back to Edit HTML - the code will no longer be there.

    I'm testing this by using a cloned copy of:


    The cloned version will have the <div> html code in the Free Text, but if you edit it, save, and go back to it - the code will no longer be there.

    Any help will be much appreciated!




  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 13, 2012 at 06:55 PM


    You must always edit the codes by clicking the black HTML button found at the top of the toolbar while the Free Text is selected:

    Additionally, I have injected this code to the cloned version in your account:

    #text_10 {
    height: 0 !important

  • Profile Image

    Answered by SoyHound on August 14, 2012 at 04:26 PM


    Great! I think this is working.  I was using the HTML button at the bottom right corner of the box. Many thanks!