在项目开发的过程中chrome浏览器会记住用户注册和登录的信息,并自动填充进去,进而会影响用户信息泄露与使用;chrome浏览器会检查你的input输入框的 type 是否等于 password ;如果是,在点击登录的时候回弹出记住账号与密码,选择记住后,下次在登录或注册时会自动填充;
一. 防止自动填充
1 . 隐藏欺骗法
<input name = "username" type = "text" style = "display:none;" />
<input name = "password" type = "password" style = "display:none;" />
注: 新加两个input放在前面,并设置隐藏,chrome浏览器会填充上面两个,但是被隐藏了就不会造成影响;
2. 属性设置法
<input
type="password"
name=‘password‘
autocomplete="new-password">
注: 重点是 autocomplete="new-password" 这个属性,原先尝试过 autocomplete="off" 发现不起作用,
二. 防止用户在点击注册后自动弹出保存密码的弹框;
<input
type="password"
autocomplete="new-password"
readonly
onfocus="this.removeAttribute(‘readonly‘);">
注: 在input输入框设置只读属性 readonly ; 并在input获得焦点的时候移除只读属性,用户在点击注册的时候,就会是否记住密码的弹框了,
如何让chrome浏览器不弹出记住密码且不填充用户名和密码
原文：https://www.cnblogs.com/chenjiangyang/p/11590724.html
