Chrome会存储新密码，但不会将其链接到当前用户名：如何解决？

Question

在一个网站中，我创建了一个页面来将用户密码更改为新密码。显然，用户不需要再次输入当前的用户名，因此该用户名没有输入字段。

当然，Chrome知道这是一个新密码，建议您保存它，但找不到用户名。

我尝试过这样：

<input id="psw" name="psw" type="password" autocomplete="new-password">
<input id="psw_confirm" name="psw_confirm" type="password" autocomplete="new-password">

并这样：

<input id="usr" name="usr" type="hidden" value="username" autocomplete="username">
<input id="psw" name="psw" type="password" autocomplete="new-password">
<input id="psw_confirm" name="psw_confirm" type="password" autocomplete="new-password">

无济于事。

我应该如何以浏览器正确理解的方式指示当前用户名？

Answer 1

不幸的是，我认为greetings.chain.chain = { key: value, chain: {} }不会触发Chrome密码管理器，因为它旨在捕获<input type="hidden" />的输入。就是说，使用设置了type='text' css属性的标准文本输入应该没问题：

display:none

我还认为您的方案（更改密码）不是<input id="usr" name="usr" type="text" value="username" style="display: none;" /> 功能的理想选择，因此我也将切换该属性autocompletion（不会影响Chrome密码管理器）

Here's a jsfiddle以及有效示例。