1.最簡單的方法,加一個屬性autocomplete=“new-password”.

<input type="text" placeholder="密碼" autocomplete=“new-password”/>

2.把input type=”password” 改成 input type=”text” 并在后面加上 οnfοcus=”this.type=’password’”.

<input type="text" placeholder="密碼" readonly onfocus="this.type=’password'"/>

3.在真正的password前面加一個隱藏的password
特點：這樣不會影響用戶體驗，也可以兼容所有瀏覽器。

<input style="display:none"> <input type="password" name="password" />

4.首先設置input為只讀readonly，當頁面加載完成后，瀏覽器不會自動填充內容，但是也不可以進行編輯。然后我們再用js的定時器延遲一段時間后移除input的只讀屬性readonly，輸入框便可進行再次編輯

<input type="password" placeholder="密碼" readonly onfocus="this.removeAttribute('readonly');"/>

總結

以上是生活随笔為你收集整理的阻止浏览器自动填充input密码框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。