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

    Creating a form with tabs as can be seen in web page

    Asked by give2kids on April 08, 2016 at 11:47 AM

    Hello --

    Is there a way to create multiple versions of a form, within one form, as can be found here?


    I would also like to create a form similar to the above, in that it
    has a text label on top of the drop-down boxes (as opposed to text being over the box, or to to one side).
    ie: "Make" Model", etc.

    In other words, I'd like to create a form that has a very similar functional structure to the example.

    Thank you in advance for any help!


  • Profile Image

    Answered by victor on April 08, 2016 at 01:28 PM

    Thank you for contacting us. Yes, it is possible to create a similar form as in the pages you have given. I have created a small sample of how this can work. You can always adjust the form using CSS so it will look better


    You may clone the form and analyze it as you like.

    In reality this is a multiple page form with tabs and not different forms.

    Once you have create a multiple page form, you can add the FORM TAB widget which will create tabs for each page.

    If you are having problems designing the form using CSS, you may always ask and we will do our best to help.

  • Profile Image

    Answered by give2kids on April 08, 2016 at 03:53 PM

    Hello Victor,

    Thank you very much for your help!

    I had hoped to find a way for the drop-down labels (Year, Make, Model, etc.) to be
    on top of the drop-down box itself (per example) instead of above them, but can
    live without that, if it's complicated.

    I will move forward with form as you've designed. Thanks again.

  • Profile Image

    Answered by victor on April 08, 2016 at 05:31 PM

    Thank you for your clarification. I am assuming that you would like to have the label inside the dropdown field, but not have it as an option. This is can also be done. I have adjust the form so you make take a look.

    I am assuming that the form on the site is link to a DB where it pulls all the models and populates it in the dropdown. Jotform, does not allow you to connect to DB and populate a dropdown. But using condition and other dropdowns, you can see that this can be simulated.

    If you have any other question, please let us know.


  • Profile Image

    Answered by give2kids on April 08, 2016 at 05:37 PM

    Wow! Fantastic service... thank you Victor! Looks great!

    Last question: how do I add 3 more tabs across the top (that I can label later)?

    Not asking you to do it -- (unless it's easier for you to just
    make it, than to explain it to me).

  • Profile Image
    JotForm Support

    Answered by BDAVID on April 08, 2016 at 06:45 PM

    Simply add more Page Break fields, each one will create a new tab(page), example:

    Let us know if you need more help.



  • Profile Image

    Answered by give2kids on April 08, 2016 at 07:04 PM

    Fantastic. Thanks again Victor!

  • Profile Image
    JotForm Support

    Answered by liyam on April 08, 2016 at 11:26 PM

    On behalf of my colleagues, you are welcome.

    If you have other questions, please do not hesitate to let us know. We'll be more than happy to assist.