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
    JotForm Support

    CSS to Hide Field Labels

    Asked by abajan on July 22, 2013 at 06:47 PM

    The following is a solution for user "krecicki"

    1. Label each field with the same text used for its default value

    2. Replace the current injected CSS with the following:

    #label_3, #label_4,
    #label_5, #label_5,
    #label_6, #label_7 {
    display: none;

    (Using display: none; is better than visibility: hidden; in this instance because it shortens the form's height. Here's the difference.)

    Here's a clone of my colleague's (pinoytech) form which uses the above solution. Submit it and note how the auto-response appears.

    Do let us know if you would like further assistance.

  • Profile Image

    Answered by mindandbodycodingsystems on February 04, 2016 at 10:56 AM

    When I followed this and pasted it in the CSS on jotform both the label and the input box vanished. So either jotform or this code is Fkd up. 

  • Profile Image
    JotForm Support

    Answered by david on February 04, 2016 at 12:24 PM

    This thread is quite old.  If you wouldn't mind creating a new thread, letting us know the form you are working, as well as which labels you are trying to hide, we will be happy to let you know the specific CSS to hide the labels in your form.