首页 > 解决方案 > 输入类型密码 - html形式的自动完成“on”和“current-password”有什么区别?

问题描述

谁能解释html密码自动完成属性中“打开”和“当前密码”之间的区别。

标签: htmlcss

解决方案


请参阅属性的 MDN 描述autocomplete

on意味着浏览器应该查看上下文并猜测字段应该自动完成的数据类型。

current-password意味着它应该使用用户当前的站点密码自动完成。

将其与new-password

一个新密码。创建新帐户或更改密码时,应将其用于“输入您的新密码”或“确认新密码”字段,而不是可能存在的一般“输入您的当前密码”字段。浏览器可以使用它来避免意外填写现有密码并帮助创建安全密码(另请参阅使用 autocomplete="new-password" 防止自动填充)。

<h1> Change your password </h1>

<label> 
    Current password 
    <input type="password" name="old" autocomplete="current-password">
</label>

<label> 
    New password 
    <input type="password" name="new" autocomplete="new-password">
</label>


<label> 
    Confirm your new password 
    <input type="password" name="repeat" autocomplete="new-password">
</label>

</form

…或一些非密码选项。


推荐阅读