Question

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

Google Chrome浏览器提供自动填充功能，因此如果您点击其中任何一个，或者开始输入，您会看到Chrome选项列表，但当您在这些自动填充选项中上下移动时，将会填充3个输入框使用值，而不是当前文本框

<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的自动填充显示当前输入的电子邮件，而不是其中的3个。

更新

我在一台新电脑上试过了。我没有使用任何自动完成标记，只是原始输入框：

<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，就像最后一个小提琴一样，最初输入的自动完成历史记录将会丢失，但是通过以下表单发布后，将为它们创建新的自动完成历史记录。

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

0 个答案: