反应表单自动完成名字或电子邮件

【问题标题】：react form autocomplete first name or email反应表单自动完成名字或电子邮件
【发布时间】：2020-10-28 03:55:25
【问题描述】：

我的反应一般来说没什么特别的。

    <form onSubmit={click}>
    <input
      value={firstName}
      onChange={event => inputChangedHandler(event)}
    />
       <input
      value={email}
      onChange={event => inputChangedHandler(event)}
    />
  <Button >
    send
  </Button>
</form>

有时 chrome 会为我自动完成地址和邮政编码等谷歌信息。有时不是。

我有一些组件，它是相同的输入字段，其中一个可以，其他不可以。

谁能解释一下它是如何工作的？

【问题讨论】：

标签： javascript reactjs forms input autocomplete

【解决方案1】：

您正在创建一个表单，因此您不需要<Button>，而是指定它是一个将要提交的表单。 <input type="submit" value="send" /> 这将创建一个按钮。

为了提供自动完成功能，用户代理可能需要 <input>/<select>/<textarea> 元素来：

具有名称和/或 id 属性

成为<form> 元素的后代

具有提交按钮的表单

MDN 自动完成文档： The HTML autocomplete attribute

另外，the reactjs docs 会向您展示一些有用的示例，例如 this reactjs form codepen。

如果你坚持预期的属性，你会有更好的运气。

【讨论】：

谢谢。在我的部分输入中，我没有正确输入姓名/身份证。