在項目開發期間發現谷歌瀏覽器有記住密碼的功能,該功能有個問題就是一遇到input type=password就開始自動填充,同一個帳戶還好,就是bug了。找了一堆解決方案終於找到了辦法,下面分享一下解決方案。
一、不生效方案:chrome
<input type="text" style="display: none;" disabled autocomplete = "off"/> <input type="password" style="display: none;" disabled autocomplete = "off"/> <input autocomplete="off" type="text" /> <input autocomplete="off" type="text" onfocus="this.type='password'" />
附:在表單的狀況下再加一個input隱藏的方式去填充,對我來講無效。谷歌版本 73.0.3683.86(正式版本) (64 位)瀏覽器
解決方案:
一、能夠在不須要默認填寫的input框中設置 autocomplete="new-password" (親測有效)this
<input type="password" v-model="form.password" class="form_input" autocomplete="new-password" placeholder="請輸入/>
二、修改readonly屬性.net
<input type="password" readonly onfocus="this.removeAttribute('readonly');"/>
這種方式的話感受不如方案一來的好,不過也是能夠的。
還有其餘的解決方案不過我沒有試驗,這兩種是行之有效的辦法。
參考資料:
https://blog.csdn.net/xw50550...
https://stackoverflow.com/que...code