在项目开发的过程中 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 获得焦点的时候移除只读属性, 用户在点击注册的时候, 就会是否记住密码的弹框了,
来源: http://www.bubuko.com/infodetail-3213847.html