我的表单上有 3 个输入框。
Google Chrome 提供自动完成功能，因此，如果您单击其中任何一个或开始输入内容，您将看到 Chrome 选项列表，但当您在这些自动完成选项之间上下移动时，3 个输入框将填充值，而不是当前的文本框
http://jsfiddle.net/q3h2ydw1/1/ 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 的自动完成功能显示当前输入的电子邮件，而不是其中的 3 封。
UPDATE
我在一台新电脑上尝试过。我没有使用任何自动完成标签，只是使用原始输入框：
<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/ http://jsfiddle.net/q3h2ydw1/7/
每次提交后，您输入的任何内容都会被存储，因此您可以在接下来的行程中自动完成。此外，自动完成的范围仅限于当前文本框。
我认为我最初遇到的问题不仅仅是自动完成，也许是自动填充。当我浏览其中一个输入框上的选项时，所有其他文本框也被填充。解决方案只是为输入框提供一个全新的 ID，就像最后一个小提琴一样，最初该输入的自动完成历史记录将丢失，但随着后续的表单发布行程，将为它们创建一个新的自动完成历史记录。
根据这个答案，https://stackoverflow.com/a/30976223/7328169 https://stackoverflow.com/a/30976223/7328169，如果你给出autocomplete语义，chrome会尊重你的选择。
Setting autocomplete="new-email"修复了这个错误。
这是你的小提琴的叉子：http://jsfiddle.net/2edrgaou/ http://jsfiddle.net/2edrgaou/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
