如何告诉 Chrome 记住哪些输入字段/哪些将是登录凭据？

Posted 2023-02-23

【中文标题】如何告诉 Chrome 记住哪些输入字段/哪些将是登录凭据？

【英文标题】：How can I tell Chrome which input fields to remember / which will be the login credentials?

【发布时间】：2019-12-30 01:44:49

【问题描述】：

我有一个注册表单，其中包含这些输入字段（按顺序）：

电子邮件

(autocomplete="email", type="email")

（用户）名称

（type="text"）

（显示）名称

（type="text"）

密码

(autocomplete="new-password",type="password")

再次输入密码

（type="password"）

如果用户提交此表单，Chrome 会建议保存密码，但使用 姓名 而不是 电子邮件字段（其中将需要登录）。我如何告诉 Google Chrome（和其他浏览器）要记住哪些输入字段/哪些将是登录凭据？ （在我的情况下：电子邮件和密码）。是否有某种 html5 代码？

到目前为止我已经尝试过：

autocomplete="false" , autocomplete="off" 和 autocomplete="new-password" 在名称字段（不起作用） autocomplete="false", autocomplete="off" 在注册表单本身（不起作用） 为名称字段提供无法识别的 id 和名称（id="usnm" 而不是 id="username"）（不起作用）

我需要达到：

告诉浏览器不要将注册表单输入值作为凭据记住，或者 告诉浏览器要记住哪些数据值（电子邮件 + 密码）

非常感谢任何帮助！

【参考方案1】：

感谢 UX 论坛的 @Stacy-H，我终于可以解开这个谜团了。这是解决方案：

在 HTML 中，我将电子邮件字段标记为“用户名”。 （我猜缺少标签导致 Chrome 对这个主题感到困惑。）

我的表单现在看起来像这样：

<!-- Email -->
<label>Username:</label>
<input required  autocomplete="email"  type="email" name="signup_email" id="signup_email" placeholder="E-mail" />   

<!-- Username -->
<input  type="text" placeholder="Username"  id="signup_username"  name="signup_username" />

<!--  Name -->
<input required type="text" autocomplete="name" placeholder="Display Name"  id="signup_name"  name="signup_name" />

<!-- Password -->
<input required pattern=".8," autocomplete="new-password" placeholder="Password" />

<!--  Confirm Password -->
<input  required pattern=".8," autocomplete="new-password" placeholder="Password again"/>