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

    How do I hide the text behind a radio button?

    Asked by Mark Goessens on January 16, 2012 at 04:54 AM


    I'm trying to hide the text behind one radio buttons. So there is only the label, and the radiobutton left.
    I know it's possible, but I can't find the right div or classname for it.

    It's going about the text behind input_63_0.

    I tried a lot:

    #id_63 label {visibility:hidden;} 
    (but then the text in front of the radio button disappears)

    #input_63_0 text {visibility:hidden;} 
    (nothing happens)

    and many more...

    Can you tell me what code I have to inject?

    Greets, Mark 

    Page URL:

  • Profile Image

    Answered by Markgoessens on January 16, 2012 at 07:30 AM

    Update: Probably it's not the best way to do it, but I put the 'text' of the particular radiobutton in a new div.
    Then I injected the css line, to hide that div. 
    It works anyway, but I would like to know how what the div/class name is from the text behind the radiobutton.

    Greets, Mark

  • Profile Image

    Answered by fxr on January 16, 2012 at 11:02 AM

    Hello Mark,

    In your example, based on the ID of the input field 

    #id_63_0 + label {visibility:hidden;}  

    should work.