如何让chrome浏览器不弹出记住密码且不填充用户名和密码

 在项目开发的过程中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="off"

           readonly 

           onfocus="this.removeAttribute('readonly');">

   注: 在input输入框设置只读属性 readonly ; 并在input获得焦点的时候移除只读属性,用户在点击注册的时候,就会是否记住密码的弹框了, autocomplete='off'这个属性也一定不能忘;