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" />

新密码将禁用自动填充，因为每次用户输入新密码时都会考虑自动填充，因此无需提供建议。但是这里没有发生这种情况......实际上当我为输入传递添加新密码时，下拉列表对于输入文本消失但仍显示为输入传递< / strong> ...很奇怪...那么如何为两个输入禁用它？感谢

Answer 1

您可以通过添加两个隐藏的假字段以及将autocomplete="off"添加到表单并将autocomplete="none"添加到主输入来阻止Chrome建议。

这是一份工作样本：

<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/

注意：您需要删除之前保存过的Google Chrome建议。（ Ctrl + Shift + del ）。但在此之后，如果您点击“提交”，则Chrome不会显示任何弹出提示，如果您要保存密码或任何下拉菜单以获取建议。

自动完成=“新密码”无法正常工作，“使用密码”下拉列表仍然显示

1 个答案: