What is the correct html syntax for importing a form via URL? At the moment, the field name is not set properly

  • mpallares
    Asked on September 21, 2018 at 9:30 AM

    To whom it may concern,

    I've been trying to import a form (via URL), however the first field name is being repeated for every field, see the screenshot for reference.

    At the moment the html structure that I use is(can't type the exact input because it disappears...):

    label fieldname /label

    input type=fieldType name=fieldName

    So my question is, what would be the correct syntax so that when I import a form, the field names get captured correctly?

    Jotform Thread 1587531 Screenshot
  • David JotForm Support
    Replied on September 21, 2018 at 11:29 AM

    Instead of attempting to adjust the HTML in your page to conform to the import tool, it might be faster to simply recreate the form in JotForm.  Renaming each input would probably take more time than changing field labels in the form. 

    If you do want to try to convert your HTML to a format that can be imported, here is an example of the formatting of our forms, without the open and closing tags:

    input type="number" id="input_74" name="q74_Of74" data-type="input-number" class=" form-number-input form-textbox" style="width:60px" size="5" value="" placeholder="ex: 23" data-component="number"

    label class="form-label form-label-top" id="label_74" for="input_74"> # of yrs pre 2000

    The highlighted portion being the actual field label text.

  • mpallares
    Replied on September 24, 2018 at 4:06 AM

    Hey David,

    Thanks for your answer. I will give it a try.

    To make things clear, eventhough it isn't relevant anymore, I am trying to automate the process of exporting a PDF form to HTML so that once it is submitted I can fill the PDF back in with the submitted the HTML values.

    The only reason why I'd like to use your tool is to give the HTML a style, since for example im already able to output the multiple choice values from the inputed HTML form.

    Again, thanks for your answer and I will test it as soon as I can :)

  • Victoria_K
    Replied on September 24, 2018 at 7:21 AM

    Hello,

    My apologies, I am not sure if I can understand the process you described correctly, but I would like to share some useful guides on PDF options that we provide:

    How-to-Create-a-PDF-Form

    How-to-Download-Form-Submissions-as-Excel-CSV-PDF

    How-to-include-submissions-as-PDF-attachment-in-the-email-notifications

    Hope this helps, but we will gladly assist if you have other questions.

  • mpallares
    Replied on October 1, 2018 at 4:17 AM

    Hi Victoria,

    Unfortunately your answer doesn't answer my question, however the good news is that after implementing Davis's solution it all worked out. I'm still doing some tweaking to minimize the amount of changes needed  once the form is imported.

    Thanks to both of you for your help!