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

【问题标题】：Chrome does not autofill fields after adding a new input with type="checkbox"添加 type="checkbox" 的新输入后，Chrome 不会自动填充字段
【发布时间】：2016-09-08 16:20:00
【问题描述】：

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

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

作为一项实验，我尝试将复选框的输入类型更改为“文本”和其他类型，然后自动填充按预期工作。添加复选框后，Safari 和 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>

【问题讨论】：

标签： html google-chrome

【解决方案1】：

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

但这里的功劳是@kmote link

【讨论】：

好建议。正如我所提到的，如果我将输入类型更改为任何不同的类型，表单将完全正确地自动填充。所以我仍然认为它与type="checkbox"有关。无论如何，我不需要 Chrome 自动填充复选框 - 只需电子邮件和密码。我已经尝试将自动完成属性添加到我的字段中（我使用的是 react-js，并且不支持 x-autocompletetype），这部分有效。现在我的电子邮件地址正在被自动填充，但密码不是。