用户名 = 电子邮件的正确自动完成应该是什么？

Question

我在标准中看到autocomplete

可以等于输入字段上的

username

或

email

。

在我的例子中，用户名实际上是用户的电子邮件。

在这种情况下，在我的用户名

autocomplete

 字段上使用什么是最好的 

input

 以最大限度地提高与密码管理器的兼容性？

Answer 1

对于登录表单，最好使用

autocomplete="username"

 作为用户名字段，即使它应该是电子邮件地址。

我没有确凿的证据证明这一点，但我希望这对密码管理器更友好。

这篇文章也提出了同样的建议。

Chromium 针对开发人员的设计文档也提出了同样的建议，我引用了其中的内容：

电子邮件首次登录流程：

收集邮件：

<form id="login" action="/login" method="post">
  <label for="username">Username</label>
  <input
    id="username"
    type="email"
    name="username"
    autocomplete="username"
    required
  >
  <button type="submit">Next</button>
</form>

对于注册表，

autocomplete="email"

可能更有意义。

Answer 2

我最终进行了大量研究，发现这些结论是正确的：

Angular 表单和密码管理器，如果有人最终在这里谷歌搜索。

Answer 3

我不确定您要做什么，但您也可以将

autocomplete 设置为 on 或 off。 这将使它推荐用户最后通过输入字段提交的任何内容，而无需浏览器指导。
此外，我将您链接到一个页面，您可以在其中查看可与
autocomplete 一起使用的所有值，希望它有所帮助。

参考。

https://www.w3schools.com/tags/att_input_autocomplete.asp
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete