HTML / CSS禁用自动完成建议输入密码

时间:2019-02-19 09:56:36

标签: html css autocomplete

我正在开发一个应用程序,在该应用程序中,用户必须在登录后输入密码。该密码必须经过混淆处理,因此我将输入字段设置为password类型。但是,现在我遇到了一个问题,如果我单击输入字段,chrome似乎建议通过其密码管理器使用密码自动填充此字段。

Popup when clicking on the pincode input field

很明显,我不想将密码自动完成输入到密码输入中,但是我没有找到阻止chrome提示此问题的方法。我试图不让它成为密码输入,而是自己设置文本安全性,但这似乎不太安全/不适合未来,因此我无法在Firefox上使用它。我尝试给输入字段提供随机ID,但这并不能阻止chrome建议使用密码自动填充。

用于凭证的实际密码字段和密码输入字段采用两种不同的形式,但是在相同的url上。我认为这是错误的,因为密码管理器在相同的url上看到两个类型的密码字段,但是我真的不能更改其中两个。

我将如何阻止密码管理器建议在密码输入字段中自动填写密码?

编辑(为什么不是伪造的):用户建议在自动填充字段中放置一个随机字符串,我之前曾尝试过此操作,但是它没有作用,或者不幸的是现在没有作用。我已经举例说明了我在JSFiddle中看到的行为(虽然非常简单,但是它完美地展示了问题)。但是,我似乎无法让chrome保存代码段中的密码,因此我似乎无法在代码段中展示问题。 https://jsfiddle.net/mwy6xjbz/2/

如何重现小提琴中的问题:

1)Fill in a username and password

2)Save the username and password via chromes password manager

3)尽管PIN码的输入字段具有autocomplete='no-autocomplete-please',也不是实际的密码字段,但仍然单击PIN码输入字段(如果愿意,您甚至可以重新加载页面)和see how chrome suggest filling in the password

1 个答案:

答案 0 :(得分:0)

在代码内添加autocomplete =“ off”属性

喜欢

<input type="password" autocomplete="off" />