如何在Gatsby上实现Netlify表单
我已经能够在另一个网站上使用相同的方法接收表单,但由于某些原因,我没有在这个网站上接收提交的内容。Netlify dashboard表示已启用从1个具有正确名称和蜜罐字段的表单收集 我做错了什么如何在Gatsby上实现Netlify表单,gatsby,netlify,Gatsby,Netlify,我已经能够在另一个网站上使用相同的方法接收表单,但由于某些原因,我没有在这个网站上接收提交的内容。Netlify dashboard表示已启用从1个具有正确名称和蜜罐字段的表单收集 我做错了什么 <form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' > <input t
<form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' >
<input type="hidden" name="bot-field" />
<input type="hidden" name="form-name" value="inquiry" />
<input id='f1' type='text' name='name' required placeholder="name*"/>
<input id='f6' type='email' name='address' required placeholder="email address*"/>
<textarea id='f5' id='message' name='message' required placeholder="message*"></textarea>
<button id='f8' type='submit' className='submitForm' name='submit'>submit!</button>
</form>
确保表单的名称属性和隐藏表单名称字段的值相同。在您的示例中,该值应为contact
<form name='contact' method='POST' className='contactForm' data-netlify="true" data-netlify-honeypot="bot-field" action='/success' >
<input type="hidden" name="bot-field" />
<input type="hidden" name="form-name" value="contact" />
<input id='f1' type='text' name='name' required placeholder="name*"/>
<input id='f6' type='email' name='address' required placeholder="email address*"/>
<textarea id='f5' id='message' name='message' required placeholder="message*"></textarea>
<button id='f8' type='submit' className='submitForm' name='submit'>submit!</button>
</form>