11

我在 Chrome 的 html5 自动完成功能上苦苦挣扎了一段时间。我有这样的表格

<form>
<input name='myname' type='email' autocomplete='on' />
<input type='submit' value='Submit!' onclick='transform_and_post_data();return false;'/>
</form>

使用 Firefox 并返回此表单时，自动完成工作正常。但不适用于 Chrome（至少 26 到 30 版）。我终于发现只有在调用表单的 GET 或 POST 默认操作时才完成表单的自动完成保存（这里被 return false 阻止）。所以我找到了一种解决方法，可以在某些情况下修复它：

 <form method='post' action='myaction'>
 <input name='myname' type='email' autocomplete='on' />
<input type='submit' value='Submit!' onclick='transform_data();'/>
</form>

只要我不需要通过 XhttpRequest 发布我的表单数据，这就会很好地工作。有人知道用 XHR 制作 Chrome 自动完成表单的技巧吗？

它是 Chrome 的已知错误吗？（因为 Firefox 按预期工作）

注意： autocomplete='on' 应该没用，因为它是输入的默认行为

4

2 回答 2

14

Chrome 只会在提交时保存自动完成信息。这里有一些详细的解决方法：Trigger autocomplete without submit a form

于 2013-11-23T18:24:35.060 回答
6

请为您的输入变量提供 ID

<form method='post' action='myaction'>
 <input name='myname' type='email' id="myname" autocomplete='on' />
 <input type='submit' value='Submit!' onclick='transform_data();'/>
</form>

然后它应该工作，没有 id 它不会工作

于 2014-12-03T15:59:16.383 回答