Chrome 自动填充多个电子邮件字段。

Question

我有一个表单上有3个输入框。

Google Chrome能够在这些框上提供自动填充功能，所以当你点击其中任何一个框，或者开始输入时，你会看到Chrome列出的选项，但是当你在这些自动填充选项中上下移动时，这3个输入框将被填充上对应的值，而不是当前的文本框。

链接：http://jsfiddle.net/q3h2ydw1/1/

<form action="/" id="form1" method="post">

    <input id="email_one" x-autocompletetype="email" />
    <input id="email_two" x-autocompletetype="email" />
    <input id="email_three" x-autocompletetype="email" />

</form>

目标是让 Chrome 自动完成功能在当前输入框中显示电子邮件，而不是显示其中的三个。

更新：

我在一台全新的电脑上尝试了这个功能。我没有使用任何自动完成标签，只是原始的输入框。

<form action="/" id="form1" method="post">

    <input id="four" />
    <input id="five" />
    <input id="six" />

    <input type="submit" value="go" />

</form>

http://jsfiddle.net/q3h2ydw1/7/

每次提交后，您输入的内容都会被存储，因此您可以在接下来的旅行中使用自动完成功能。此外，自动完成仅适用于当前文本框。

我认为我最初遇到的问题不仅是自动完成，可能还涉及自动填充。当我浏览一个输入框的选项时，所有其他文本框也会被填充。解决方案只需给输入框分配一个全新的ID，就像上一个篮子一样。初始时，该输入框的自动完成历史记录将丢失，但是随着以下表单提交的旅行，将为它们创建新的自动完成历史记录。

- Agustin Garzon

---

看看这个是否有帮助。在输入框中添加type="email"并添加占位符，autocompletettype会从占位符或标签中获取提示，添加占位符可能会有所帮助。 - Billy

@Billy noop。http://jsfiddle.net/q3h2ydw1/2/ - Agustin Garzon

我刚刚在我的本地主机上加载了你的第二小提琴，并在Chrome中运行了它，但只显示之前放入该框中的电子邮件（即，在第一个框中的[e-mail]），然后提交，再以任何其他名称开始，这时就像你想要的那样工作了。当我开始输入“jo…”时，它会自动完成。 - Billy

Answer 1

根据这个答案https://dev59.com/1GUo5IYBdhLWcg3w1yPH#30976223，如果您给自动完成语义含义，Chrome将尊重您的选择。

设置autocomplete="new-email"可以解决此问题。

这是您fiddle的分支：http://jsfiddle.net/2edrgaou/。

- William Herrmann