如何在盖茨比上实施Netlify表单

时间:2020-03-21 00:18:52

标签: gatsby netlify

我已经可以使用相同的方法在另一个站点上接收表单,但是由于某些原因,我没有在该站点上接收提交。 Netlify仪表板显示从1个表单(具有正确的名称)收集,并且启用了蜜罐字段。

我在做什么错了?

kotlin-android

1 个答案:

答案 0 :(得分:1)

确保表单的name属性和隐藏的form-name字段的值相同。在您的示例中,该值应为联系人

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