如何讓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'這個屬性也一定不能忘;