Thanks, looks like I meet all 7 points he makes. Except for #6 ( Make sure that you POST your form request (not GET) with a Content-Type of application/x-www-form-urlencoded in most cases. However, if and only if you are submitting the form with a file upload then the Content-Type needs to be multipart/form-data instead.)
Can you give me an example of how to implement this in my code please so I can try it out?
Netlify forms are fun
Thanks for posting the HTML for your form.
You mentioned above
Thanks, I am using JS.
I apparently am having some local network trouble ( ) but I was able to load your page once and checked out the form. I think you’re experiencing some trouble in the way Gatsby’s build/render/runtime process works vs. what Netlify does and expects.
We can absolutely help you get your form working, but the first step is understanding if you’re using a manual JS submit process (e.g. a “controlled” form, or a form with “controlled” components), or if you’re just rendering a plain HTML form and letting the browser act default. The more code you’re willing to share about that the better.
(Netlify team, is there a guide out there yet specifically for understanding the Gatsby & Netlify form workflow? Would be happy to write one if there isn’t but want to check first)
When I said I am using JS I meant in the sense that I am using thrat Gatsby started, and the file which contains the HTML code (that I pasted above) is a JS file.
I looked on your website weeks ago on how to use a contact form, and what to add to make it easily work with netlify. I just did that (which you can see in the HTML code above). Beyond that their is nothing else I have added for the contact page, so their is no other code for me to share regarding the contact form, that HTML code is it.
The docs are great for learning how to quickly and easily add Forms functionalities to purely static sites. React-based Static-Site-Generators like Gatsby get a little more complicated. There are new guides in the works to help alleviate that! In the meantime, this comment should be able to explain to you some of the under-the-hood as to why your current form isn’t working quite right.
The tl;dr for you is that you just need to add an additional input to your form HTML in your jsx. If you can go ahead and add