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

不幸的是，我认为这<input type="hidden" />不会触发 Chrome 密码管理器，因为它旨在type='text'仅捕获输入。也就是说，使用带有display:nonecss 属性集的标准文本输入应该没问题：

<input id="usr" name="usr" type="text" 
    value="username" style="display: none;" />

我还认为您的方案（密码更改）不是该autocompletion功能的理想方案，因此我也会切换该属性off（它不会影响 Chrome 密码管理器）。

这是一个带有工作示例的 jsfiddle。