autocomplete = new-password,让他们通过再次输入密码来确认

goa*_*oat 8 passwords html5 autocomplete autofill change-password

html5现在为该autocomplete属性提供了一些新的属性值,以在自动填充表单时帮助用户代理。新值之一new-password用于告诉用户代理输入密码,而不是用户当前密码。

但是我不清楚,当您的表单使用户两次输入新密码作为确认时如何正确地告诉它在两个字段中生成相同的密码?也许通过section-*在两个输入上使用相同的自定义前缀,例如autocomplete="new-password section-my-new-pw"?规范中提到section-*前缀会影响自动填充范围,但是对于我的情况而言,它并不过分具体。

我想这是一个示例表单,它代表了许多网站不久将要使用的表单-区分了current-passwordnew-password,并让用户确认新密码。

<form>
    <p>Username             <input type="text"     autocomplete="username"         name="username"></p>
    <p>Current Password     <input type="password" autocomplete="current-password" name="current-password"></p>
    <p>New Password         <input type="password" autocomplete="new-password"     name="new-password"></p>
    <p>Confirm New Password <input type="password" autocomplete="new-password"     name="confirm-new-password"></p>
</form>
Run Code Online (Sandbox Code Playgroud)

如果答案引用的文档与有关当前浏览器或扩展程序行为的观察相反,则我更喜欢。

Mar*_*vin 7

只需在确认输入中使用autocomplete =“ new-password”。而且,如果您选择在密码输入中生成新密码,则确认输入将立即填充相同的值。经过镀铬测试。

参考:

  1. 铬建议
  2. html标准讨论

  • IMO 引用的链接比这个答案更清楚。基本上,您应该在 **BOTH** 新密码字段和确认密码字段上使用“new-password”属性。 (6认同)
  • @s3c 哈哈,在网络开发领域工作了近 10 年之后,你的评论让我意识到为什么它被称为“模糊”。就像模糊图像与聚焦图像一样...... (3认同)
  • 也适用于 Firefox。 (2认同)
  • @Arthur_J 是的,这是一个聪明的比喻,尽管不是一个非常**明确**的比喻:) (2认同)