我使用Visual Studio 2010创建了一个登录表单,其中输入用户名文本,输入用户密码类型。我有最新的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" />
新密码将禁用自动填充,因为它将考虑到每次用户输入新密码时,都不需要建议。但这不是在这里发生的…实际上,当我为输入pass添加新密码时,下拉列表对于输入文本会消失,但对于输入pass仍会显示…奇怪的。。。那么,如何对这两个输入禁用它呢?谢谢
最佳答案
您可以通过添加两个隐藏的假字段以及将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>
J小提琴:https://jsfiddle.net/wb20t08g/3/
注意:您需要删除以前保存的Google Chrome建议。(ctrl+shift+del)。但之后,如果你点击提交,Chrome将不会显示任何弹出式提示,如果你想保存密码或任何下拉式建议。
关于html - 自动完成=“新密码”无法正常工作,“使用密码”下拉列表仍然显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45345374/