input框取消自動回填賬號密碼等信息的解決方法

 

最近在開發註冊界面的時候,發現了一個問題,chorme瀏覽器中賬號和密碼老是回填到input框中(瀏覽器保存的用戶名和密碼自動填充).

剛開始給input框添加autocomplete="off",沒管用

給form 加這個也沒管用

最終通過這個方法解決的阻止瀏覽器自動回填表單功能

<form role="form" autocomplete="off">
 
  <!--文本類-->

  <input type="text" autocomplete="off"/>  
  
  <!--密碼類-->
   
  <input type="password" autocomplete="new-password"/>  

  
</form>

發現只有密碼框不回填後,即添加autocomplete="new-password"
  <input type="password" autocomplete="new-password"/>  

那兩個才生效,密碼框的寫法,參照了網易郵箱裏面的密碼框的寫法.

具體原因尚未明確,但是解決了,還望大家留言交流