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

2maxsing

Asked on August 20, 2015 at 3: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.

Page URL: http://www.jotformpro.com/form/52241514295956
Sammy

Replied on August 20, 2015 at 3: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
2maxsing

Replied on August 20, 2015 at 9: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
...
Sammy

Replied on August 21, 2015 at 3:20 AM

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