html - 自动完成 = "new password"不工作， "use password for"下拉列表仍然显示

Question

我使用 visual studio 2010 创建了一个登录表单，其中包含用户名的输入文本和 userpass 的密码类型输入。我有最新的 chrome 版本 59.0.3071.115(官方构建)(32 位)。下面是我的代码:

<form id="form1" autocomplete="off" runat="server">
    <input id="Text1" type="text" name="text" runat="server" autocomplete="off" />
    <input id="Password1" type="password" name="password" runat="server" autocomplete="off" />
</form>

问题是，只有在 chrome 上，如果我单击这些输入中的任何一个，才会出现一个下拉列表，其中包含我在浏览器上保存的通行证的一些建议。我想禁用这个选项，所以我搜索并找到了这个解决方案:

<input id="Password1" type="password" name="password" runat="server" 
         autocomplete="new-password" />

新密码将禁用自动填充，因为它会考虑到用户每次输入新密码，因此不需要建议。但这并没有发生在这里......实际上当我添加输入密码的新密码时，下拉列表输入文本消失但仍然显示输入密码... 很奇怪...那么我怎样才能为两个 输入禁用它呢？谢谢

Answer 1

您可以通过添加两个隐藏的假字段以及将 autocomplete="off" 添加到表单和将 autocomplete="none" 添加到主要投入。

这是一个工作示例:

<form id="form1" autocomplete="off" runat="server">

<input style="display:none" type="text" name="fakeusername"/>
<input style="display:none" type="password" name="fakepassword"/>

<input id="Text1" type="text" name="text" runat="server" autocomplete="none" /> 
<input id="Password1" type="password" name="password" runat="server" autocomplete="none" />

<input id="bb" type="submit" name="submit" />

</form>

Jsfiddle: https://jsfiddle.net/wb20t08g/3/

注意:您需要删除之前保存在那里的谷歌浏览器建议。 (Ctrl + Shift + del)。但在那之后，如果您点击提交，Chrome 将不会显示任何弹出窗口，提示您是否要保存密码或任何建议下拉菜单。