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

    Adding classes and Id to fields on jotform

    Asked by zaryab on June 10, 2015 at 06:48 AM

    Hello,

    I'm looking to add classes to 3/4 different fields so that I can target them with some css. Is it possible to add a class/id via jotform?

    Looking forward to hear from you soon.

    Thank you.

    JotForm adding class ID
  • Profile Image
    JotForm Support

    Answered by Boris on June 10, 2015 at 10:02 AM

    I'm afraid that we do not allow direct access to the source of the form, such that you'd add your own IDs and classes to the online form, but we do have two ways that should help you on your way:

    1. You can use our existing IDs to target your desired elements. Please see How-to-find-Field-IDs-Names.

    You can also find out our classes and IDs that we are using on our forms by using your browser's Developer Tools - just right-click on an element of interest and select Inspect Element. You should be able to see which classes and IDs apply to that element, such that you can style it.

    2. If you can't achieve your goal by using method 1, and you do want to add your own custom classes and IDs, you can download the Source Code version of your forms and make your own manual modifications.

    You will lose automatic updates of your form if you choose this method, as you would have to use the Embed Form > Source to copy the latest code each time you'd make a change to your form on our website, and you would have to edit it again with your modifications, in order to use an updated version.

     

    For ease of use, and especially ease of maintenance in the future, I highly recommend that you try method 1, and use the classes and IDs that we are already adding to all the form fields to style them the way you want to.

    Please let us know if you need further assistance. Thank you.