瀏覽器自帶的記住密碼功能給使用者來了一定的便捷，同時也帶來了一些***，有些地方不需要卻也自動填充上了，為了解決這個問題前端工程師們絞盡腦汁換著各種黑魔法在添堵，目前也沒看到比較優雅的解決方式，下面這種方式能解決在chrome下自動填充的問題，其他瀏覽器沒測過就布吉島了，感興趣的可以測試下相容性。
autocomplete=「new-password」這個屬性比較關鍵
>
class
="account"
>
type
="text"
id="username"
placeholder
="使用者名稱"
autocomplete
="new-password"
>
div>
class
="password"
>
type
="password"
name="
"style
="display
:none;
">
type
="password"
id="password"
placeholder
="密碼"
autocomplete
="new-password"
>
div>
form
>
input開始自動填充帳號密碼背景色發生變化
以登入頁面為例ui設計圖效果如下圖 進入登入頁面cookie自動填充帳號密碼之後input輸入框出現了背景色 解決方法 主要 就是加個陰影去掉背景色 input webkit autofill textarea webkit autofill,select webkit autofill webki...
Chrome瀏覽器密碼框自動填充的bug
在系統開發過程中，有乙個難啃的bug從入職以來都在debug，一直以為是下拉框控制項導致的問題。所以這個問題一直就擱淺了。今兒bug重提，就一步步找原因，排除了下拉控制項select2的原因，才發現是在chrome瀏覽器的預設填充密碼框的問題導致的。為了解決chrome瀏覽器密碼框自動填充的問題，經...
怎麼禁止自動填充瀏覽器記住的密碼？
禁止瀏覽器儲存密碼和禁止瀏覽器填充密碼 瀏覽器儲存密碼是根據input password 來判斷的，所有我們只要保證瀏覽器在dom結構中識別不到密碼框即可。so 密碼輸入位置預設為input text 在輸入框上新增 nf cus this.type password 輸入框獲得焦點時改變輸入框格式...