Chrome自动填充&am​​p; autocomplete = on not working

时间:2017-08-11 12:33:19

标签: html html5 google-chrome autocomplete

我甚至可以在StackOverflow上找到很多引用,如果autocomplete =“on”,Chrome自动填充功能应该可以正常工作。

然而,我所拥有的最新Chrome(60.0.3112.90)似乎并非如此。准确地说 - 默认浏览器自动填充功能正常,但自动填充将完全忽略该字段。

以下代码不适用于Chrome自动填充:

<form method="post" name="checkout" url="/">
    <input type="text" name="given-name" autocomplete="on"   />
    <input type="text" name="email"  autocomplete="on"  />
</form>

然而,这将毫无问题地发挥作用:

<form method="post" name="checkout" url="/">
    <input type="text" name="given-name" autocomplete="given-name"   />
    <input type="text" name="email"  autocomplete="email"  />
</form>

您可以在此处轻松测试:https://jsfiddle.net/kw4yjpz4/

屏幕截图Auto-Fill when autocomplete="on" Auto-Fill when autocomplete="given-name"

这是否意味着所有输入字段现在必须具有autocomplete =“[NAME]”才能使自动填充工作?这是最新Chrome或预期行为中的错误吗?

1 个答案:

答案 0 :(得分:1)

我偶然发现了这个问题,然后搜索将我引到了这里。。。我继续找不到答案,最后偶然发现了导致问题原因的答案,所以我回来了,以防像我这样的人徘徊相同的问题(可能是我忘了两年的我自己-嗨,我!)。

如果该网站没有有效的SSL证书,则表明Chrome自动填充无效。

尝试以下操作:

<!DOCTYPE html>
<html>
<body>

<h2>The autocomplete Attribute</h2>

<form action="/action_page.php" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

<p>Fill in and submit the form, then reload the page to see how autocomplete works.</p>
<p>Notice that autocomplete is "on" for the form, but "off" for the e-mail field.</p>

</body>
</html>

当站点具有有效的SSL证书时,以上内容可在Chrome中按我的要求工作。在本地保存并打开.html会导致自动填充无法正常工作。