对于某些内部网站,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"
。
参考 : 让密码管理器与您的登录表单配合使用。