Unable to input in textbox of embedded form.

My original form is not allowing students to sign up for classes.  I designed another form to place on my website, Southern Mississippi Motorcycle Training, but when I try to update my page with the new embedded code, it still shows the old form.  How do I change the forms?

Hello taylor8126,

I'm sorry for the trouble caused to you.

I did check your form and found that you have embedded your new form already (#52008188428154). There seems to be some problem in your new form as well where only first 3 form fields is allowing input. Please check the screenshot below:

 

When I tested your form with its direct URL, it seems to work as expected. Please check the screenshot below:

 

I would suggest you to please embed your form using its iFrame embed code and see if that solves your problem. The following guide should help you how to grab your form's iFrame embed code:  http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

Do try it out and get back to us if the issue persists.

Thank you!

I have embedded the iframe code. Entered information on form with some difficulty but when I pressed the submit form button it didn't work.
Sent from my iPhone
...

Hello taylor8126,

I did check your web page where you have embedded your form and found that there are actually two forms embedded. One form is embedded using iFrame embed code and the other one is embedded using script embed code. Please check the screenshot below:

 

I believe this is actually causing this issue. It seems one of the div has position absolute and both the forms are overlapping.

I would suggest you to remove one of the form and that should solve your problem.

Thank you!

 

 

After removing what you suggested my form does not appear on the page at all.
Sent from my iPhone
...

After I removed what you suggested the form does not appear at all now.
Sent from my iPhone
...

Hello taylor8126,

I did check your webpage and form seems to be very much visible. It seems to work as expected and I am able to input in the textboxes. Please check the screenshot below:

 

The only issue I see in your embedded form is that submit button is not being displayed. It seems bottom of the form is getting cut. It is caused because of the div height where the form is embedded. Increasing the height of the div will fix the problem. Please add the following custom css code in your webpage (NOT in form)where you have embedded your form:

<style type="text/css">

div#html1 {

  height: 900px !important;

}

</style>

Thank you!

After sending the email yesterday I continued to work on my form and got it to appear on page and work properly. After including the code you sent to correct my submit button problem, my form disappeared again. I removed the code & my form still does not appear.
Sent from my iPhone
...

Got it restored but not sure where to put code so that my submit button shows up. Do I embed it after form code or before?
Sent from my iPhone
...

Hi taylor8126,

 

The CSS code given to you by my colleague has !important keyword so it should take effect whether you embed it before or after your form's embed code.

 

Do let us know if you need further assistance.