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

    Is it possible to create duplicate form fields using the code and not the duplicate option you get by right click?

    Asked by gulfam on September 07, 2012 at 05:50 PM

    I have a form that has like 8 to 10 fields, I need these fields duplicated 50 times each in a specific order. If i use the duplicate option by right clicking, i have to create 50 fields by 50 clicks and then i have to rearrange each field one at a time. Rather than this, if i just create a form with 8 fields, go to its HTML, copy the code block of fields, and copy paste them repeatidly, would that work fine? 

    Page URL:
    http://form.jotform.me/form/22506455999467

    create create a form block
  • Profile Image

    Answered by jaycw7 on September 07, 2012 at 06:34 PM

    I would like to know the answer to the same

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on September 07, 2012 at 06:52 PM

    Hello @jaycw7 and qulfam,

    This question has been answered in this thread. 

    Let us know if you have any other questions!

  • Profile Image

    Answered by jaycw7 on September 07, 2012 at 07:18 PM

    I could be wrong but I reckon Gulfam wasn't asking the same thing.  

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on September 07, 2012 at 08:50 PM

    You are right jaycw7,   I apologize for the error!

    Here is a guide for how to edit a form's html code.  Thanks for the correction!

  • Profile Image

    Answered by jaycw7 on September 07, 2012 at 08:56 PM

    No need to apologize :)

    Lets say you created an entire section of a form with all kinds of conditions and you wanted to duplicate that exact section with the same conditions...instead of manually duplicating each field and re-applying the conditions, couldn't you just go into the code and select the code for that section and copy and paste it then change the field IDs?

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on September 07, 2012 at 09:48 PM

    Hi jaycw7, 

    I would think  that you would be able to replicate simple fields reproducing the code.  However, when there are conditions added to the code, there is more then HTML produced.  There are java script files produced and variables with unique ids are defined.  You wouldn't be able to duplicate that with simple copy and paste of lines of code.

    You can see this when you download the compressed folder that hold the files for a form:

    When downloading the complete code for the form, you should get a folder that holds the CSS files, a folder that holds the js files and the html file that puts it all together.  

    For someone who doesn't have ample experience in this, it would be simpler to take the time to use the tools provided and duplicated them on the form builder.

    Another aproach is to have multiple Free HTML fields on your form where you embed separate forms that contain a block of fields formatted with the conditions that you need (say 10 fields). every time you need to add another 10 fields, you clone the form the has the 10 items, change the name and embed that new form on another HTML field.  The following ilustration explains the idea:



  • Profile Image
    JotForm Support

    Answered by jonathan on September 07, 2012 at 09:53 PM

    @jaycw7

    Lets say you created an entire section of a form with all kinds of conditions and you wanted to duplicate that exact section with the same conditions...

    What you stated will not work on JotForm.., and could also spell trouble and frustration when tried. =)

    Currently, there is no other means, in any way to duplicate or reproduce any element of the form without doing it within the form builder.

    Even if you have the form's source code and try to multiply fields using its code, it will not be signed or recognized by the application. You will be able to find this out because, in the resulting submissions, you will not be able to capture the data of those custom multiplicated fields.

    You CAN only manipulate existing form elements that are signed or created in the JotForm builder

    Adding custom fields maybe displayed on the html page, but it will not be captured in the form database results.

    Hope this clarify the purpose of the source code embed also.

    Please inform us if you require further assistance.

    Thanks.

  • Profile Image

    Answered by gulfam on September 08, 2012 at 06:45 PM

    I am getting your point, but what if i write the javascripts and conditions by myself, since i am going to use the form on my website, so i know where exactly data from each field must go, if i can assign the unique Ids myself, and write the conditions and scripts would it work then? Secondly, if i create a form here on JotForm, and then use it on my website, i would like the form to retain my websites's native CSS and not the one JotForm assigned to the form, also the form would be unaware of the MySql quries i am using on my site, not to mention the use of PL\SQL if required would make the matter more complicated. 

  • Profile Image
    JotForm Support

    Answered by jonathan on September 08, 2012 at 07:03 PM

    @gulfam

    Hi, I am sure that with the appropriate manpower skills you can achieve this. Afterall, JotForm was done also by our developers. The only complication I can see for you is, it may not be too easy to do it, because unlike the JotForm dev team, your own manpower may need to do a re-study on how the application was developed.

    As for the CSS customization, you can actually do this also when you use the form's full source code. If you check the downloaded source code, you will find that the css codes are also included.

    Another option you should check is the JotForm License Application. With this, you can actually do the full customization you want using JotForm itself.

    Please inform us if you have further inquiry.

    Thanks.

  • Profile Image
    JotForm Founder

    Answered by aytekin on June 20, 2013 at 06:29 AM

    UPDATE: This has now been implemented.  Select any field, click on the cog, then 'Manage Fields'.  Select the fields you would like to duplicate and then click duplicate.