How to embed a form to my html file and responsive a form in iphone as well?

  • Profile Image
    2maxsing
    Asked on August 20, 2015 at 03:29 AM

    Hi Sir,

    I want to embed a form to my html file as below link and html

    Link: www.supermodelfit.us/form/smesg1508_news_test.html

    <!DOCTYPE html>
    <html>
    <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>Super Model Fit Extra500</title>

    </head>
    <body>

    <script type="text/javascript" src="//form.jotformpro.com/jsform/52241514295956"></script>

    </body>
    </html>

    However, when I view this page in iphone(safari), the form will be not normal.

    Can you help me? Actually, I want use this form in all mobile devices.

    Now I will attached some photos which is not embedded in html file, this is show as well.

  • Profile Image
    Sammy
    Answered on August 20, 2015 at 03:39 AM

    Instead of using the script embedding method, kindly use the iframe embedding method

    Please refer to this guide on how to accomplish this https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

     

    Regarding making the form mobile responsive please check out this detailed guide

    http://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive

    Please let us know if you need further assistance or clarification

  • Profile Image
    2maxsing
    Answered on August 20, 2015 at 09:40 PM
    Hi Sir,
    I still cant success to embed a form to my html file which view good in
    iphone, can you help me to check it?
    I have attached some files for you, a html file, two images of iphone
    preview(it is no embed to anywhere, only use the joyform)
    Thanks a lot!
    Squall
    ...
  • Profile Image
    Sammy
    Answered on August 21, 2015 at 03:20 AM

    Kindly add the mobile responsive widget to you form and also enable form responsiveness  under your form preferences