<input autocomplete ='on'>不适用于Chrome.这是一个错误吗?

fra*_*ank 9 forms html5 google-chrome autocomplete input

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

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

使用Firefox并返回此表单时,自动完成工作正常.但不是Chrome(至少版本26到30).我终于发现,只有在调用表单的GET或POST默认操作时才会执行表单的自动完成保存(此处由返回false阻止).所以我找到了解决方法,在某些情况下修复它:

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

只要我不需要通过XhttpRequest发布表单数据,这种方法就可以正常工作.有没有人知道使用XHR制作Chrome自动填充表单的技巧?

这是Chrome的已知错误吗?(因为Firefox按预期工作)

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

tom*_*tom 7

Chrome只会保存提交时的自动填充信息.这里有一些解决方法:触发自动完成而不提交表单


小智 5

Please provide ID to your input variable

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

Then it should work, without id it wont work

  • 嗨,有趣的建议,你能解释一下为什么你认为它应该起作用吗?或链接任何资源? (7认同)
  • 这对我有用。我还想查看有关其工作原理的资源。 (2认同)