设置了 autocomplete="new-password" 后,浏览器依然自动填充用户名,如何解决这个问题?

设置了 autocomplete=

输入框autocomplete为new-password依然自动填充

在为输入框设置了 autocomplete="new-password" 以防止浏览器自动填充用户名后,却发现浏览器仍然会执行自动填充操作,让人感到困惑。如何解决这个问题呢?

  • 更改autocomplete属性的值

尝试设置autocomplete属性为不同的值,如"off"。虽然不同的浏览器对这些值的支持不同,但有时可以解决问题。

  • 动态设置属性

通过JavaScript在页面加载后动态设置autocomplete属性。这有时可以绕过浏览器的自动填充机制。

  • 使用隐藏的输入框

在目标输入框之前放置一个或多个隐藏的输入框,同样设置为autocomplete="new-password"。这可能会“欺骗”浏览器,让其自动填充隐藏的输入框,而不是实际的输入框。

  • 更改输入框的名称和ID

避免使用常见的字段名称(如username、user等),因为浏览器可能识别这些名称并尝试自动填充。使用唯一的名称和ID可以帮助防止这种情况。

以上就是设置了 autocomplete="new-password" 后,浏览器依然自动填充用户名,如何解决这个问题?的详细内容,更多请关注硕下网其它相关文章!