Question

我的网站有一个登录表单，其中包含电子邮件地址和密码字段。这工作正常，我测试的所有浏览器都正确自动填充字段。

我最近在表单中添加了一个复选框输入，Chrome浏览器（版本50.0.2661.94）不再自动填充密码字段。输入上的自动完成属性根据html spec设置。 Chrome实际上会询问我是否要保存网站的密码，但仍然不会自动填充。

作为一项实验，我尝试将复选框的输入类型更改为“text”＆amp;其他类型，然后自动填充按预期工作。 Safari＆amp;添加复选框后，Firefox仍会自动填充。

不幸的是，我似乎无法在jsfiddle中复制这种行为，但希望有人可以指出我错过的东西。这是我的表格的简化版本：

<html>
  <head>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.3/semantic.min.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.3/semantic.min.js"></script>
  </head>
  <body>
    <form class="ui form" method="post" action="login">
      <input name="email" type="email" autocomplete="email" placeholder="Email" class="email-input">
      <input name="password" type="password" autocomplete="current-password" placeholder="Password" class="password-input">
      <input name="sharedComputer" type="checkbox">
        <span>I'm using a shared computer</span><br/>
      <input type="submit">
    </form>
  </body>
</html>

Answer 1

从这篇文章看来，这与type="checkbox"无关。有chorme触发自动填充的字段列表。

但这里的功劳是@kmote link

添加type =“checkbox”的新输入后，Chrome不会自动填充字段

1 个答案: