为什么 Chrome 不保存某些网站的用户名和密码

为什么 Chrome 不保存某些网站的用户名和密码

对于某些内部网站,Chrome 不会提供保存凭据的功能。我已将它们输入到自动填充部分,但仍然不会使用它们。

此示例适用于我的 Unify Router,我已删除 class 属性以使其更清晰可见。查看下面的两个元素,我不明白为什么它不起作用,有什么想法吗?

<input name="username" meta="[object Object]" autocapitalize="off" autocorrect="off" 
autocomplete="username" required="" id="login-username" type="" value="">

<input name="password" meta="[object Object]" autocomplete="current-password" id="login-password" 
type="password" value="">

这是来自我自己的一个页面,确实有效

<input  type="text" name="username" placeholder="Username" id="username" autocomplete="username">

<input type="password" name="password" placeholder="Password" id="password" autocomplete="current-password">

问题

  • 我该怎么做才能使它们发挥作用?
  • 我理解了类型没有指定用户名,这可能是问题吗?

答案1

在以下情况下密码管理器可以更好地检测表单:

  • <form>元素具有动作和方法属性

  • 输入元素通过其 ID(使用 for)或通过包装在标签中与标签相关联

  • 使用正确的输入类型。对于用户名/电子邮件:type="text"type="email"。对于密码:type="password"

  • 自动完成属性。对于用户名:autocomplete="username",对于密码:autocomplete="new-password"autocomplete="current-password"

参考 : 让密码管理器与您的登录表单配合使用

相关内容