Netlify 隐藏邮箱字段

Question

我最近使用 Gatsby JS 和 Netlify 表单创建了一个 Netlify 应用程序。我的表单字段如下：

<form
    action="#"
    method="post"
    name="contact"
    className="footer-form"
    data-netlify="true">
    <input
        id="name"
        type="text"
        name="name"
        placeholder="Name"
        value={this.state.name}
        className="footer-form__input"
        onChange={e => this.setState({ name: e.target.value })}
    />

    <input
        id="email"
        name="name"
        type="email"
        className="footer-form__input"
        value={this.state.email}
        onChange={e => this.setState({ email: e.target.value })}
        placeholder="Email address"
    />

    <textarea
        id="message"
        name="message"
        className="footer-form__input footer-form__textarea"
        value={this.state.message}
        onChange={e => this.setState({ message: e.target.value })}
        placeholder="Your message"
    />

    <button type="submit" className="footer-form__button">
        Submit
    </button>
</form>

在开发中，电子邮件字段按计划显示。但在生产中，特别是在 netlify 系统上，只有名称和消息字段显示。

顺便说一句，表单提交在生产环境中工作正常，在 Netlify 仪表板中仅显示 "name" 和 "message"。

发生这种情况是否有原因？

Answer 1

您输入的前 2 个名称相同：

    <input
        id="name"
        type="text"
        name="name"
        ...
    />

    <input
        id="email"
        name="name"
        type="email"
        ...
    />

Netlify 可能依赖字段名称来区分不同的输入。您能尝试修复它并查看问题是否仍然存在吗？

Netlify 隐藏邮箱字段

Netlify hides the email field

reactjs

gatsby

netlify