如何在 Gatsby 上实现 Netlify Forms

Question

我已经能够使用相同的方法在另一个网站上接收表单，但出于某种原因我在这个网站上收不到提交。 Netlify 仪表板表示从 1 个表单（具有正确的名称）收集并且启用了蜜罐字段。

我做错了什么？

<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>

Answer 1

确保表单的 name 属性和隐藏的 form-name 字段的值相同。在您的示例中，该值应为 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>

如何在 Gatsby 上实现 Netlify Forms

How to implement Netlify Forms on Gatsby

gatsby

netlify