I don’t think the problem is your markup, I think it’s the build for your site: when you pass a website through the Netlify build system it identifies the
data-netlify attribute and then injects a new input field into the form, which provides a value that the Netlify backend uses to identify that the submission is for a form. Essentially, your site is currently in a state equivalent to not including
data-netlify at all.
– via Forms Setup
Your form contains
message attributes but to know it’s a form submission Netlify is listening for an additional
form-name attribute, and because that isn’t provided – Netlify hasn’t injected it during the build step – your request is falling through to the generic Google Cloud error – GCP is one of Netlify’s providers.
For example, Netlify would inject the following into your form at the build step:
<form name="form" action="POST" method="POST" data-netlify="true">
+ <input type='hidden' name='form-name' value='contact' />
<input type="text" id="name" name="name" placeholder="Name" required="">
<input type="email" id="email" name="email" placeholder="Email" required="">
<textarea id="message" name="message" placeholder="Message" style="height:200px"></textarea>
<input type="submit" id="submit" placeholder="SUBMIT">
Therefore I would check whether or not you have Netlify builds enabled: it’s possible your site is configured just to upload your raw HTML, and if that is the case, I don’t think Netlify forms will work. That’s my understanding anyway!