1、不做任何操作，預設本地自動填充（發版到線上展示為：不自動填充，需要獲取焦點手動選擇）
2、使用autocomplete屬性遇到的幾個情況
（1）賬號密碼統一用autocomplete=「on/off」的時候，我自己使用時毫無作用（vue餓了麼框架統一效果）
"text
" autocomplete="
off" name="
username
"/>
"password
" autocomplete="
off" name="
password
"/>
（2）在form表單上直接設定乙個autocomplete=「on/off」，我使用時也無效果（vue餓了麼框架統一效果）
（3）普通文字框新增 autocomplete="off"，密碼輸入框新增 autocomplete="new-password"，是可以取消自動填充的，但在單點密碼框時還是可以調出之前儲存的密碼選擇的
"text
" autocomplete="
off" name="
username
"/>
"password
" autocomplete="
new-password
" name="
password
"/>
3、通過js去動態控制的幾種情況
（1）可以通過動態控制readonly來設定密碼自動填充問題，（在手動點選密碼框獲取焦點的時候可以選擇密碼）
"password
" :readonly="
isfalse
" placeholder="
密碼" @focus="
isfalse = false
" />
（2）和第乙個類似，只是在獲取焦點後，再點選一下才會出現密碼選擇
inputtype="
password":
readonly="
password2
" //動態控制唯讀
@focus="
changattr($event, 'focus')
" //獲取焦點時的呼叫
@blur="
changattr($event, 'blur')
" //失去焦點時的呼叫
@input="
//把input事件去掉後，在密碼輸入後再刪除，會自動彈出密碼選擇
changattr($event, '
blur');
changattr($
event, '
focus');
"/>changattr (e, type)
settimeout(() =>,
100)
} else
this.password2 = true
} }
（3）控制密碼提示不再出現的情況（目前應用在修改密碼處）
//裡面的方法和（2）中的類似，只是有加新東西，我做成了乙個vue指令，可以根據需要寫成方法或者直接用，在需要控制的密碼輸入框新增v-showpass就行
vue.directive('
showpass',
el.addeventlistener(
'input
', (e) =>
else
, 100
); }
})el.addeventlistener(
'mousedown
', (e) =>
if (el.value === "" ||el.readonly) , 0);
}return
false
; })
el.addeventlistener(
'focus
', (e) =>
settimeout(() =>,
100);
})el.addeventlistener(
'blur
', (e) =>
settimeout(() =>,
100);
})},
})
//裡面的方法和（2）中的類似，只是有加新東西，我這是做成乙個vue指令，可以根據需要寫成方法或者直接用，在需要控制的密碼輸入框新增v-showpass
解決谷歌瀏覽器自動填充變色問題
input webkit autofill,input webkit autofill hover,input webkit autofill focus,input webkit autofill active 我只用了 input webkit autofill理解為設定了乙個延時變形，並且變形...
解決瀏覽器記住密碼後表單自動填充問題
1 autocomplete new password 在input 標籤中 增加 autocomplete new password 屬性，但是有些瀏覽器失效。2 增加form標籤 在input外面要有form標籤包裹，但是有些瀏覽器也會存在自動填充問題。3 readonly nf cus thi...
如何禁止瀏覽器自動填充
瀏覽器的儲存賬戶密碼功能，給我們帶來了很大的便利，但是在有些情況下，我們並不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些引數項並不能阻止瀏覽器回填，這裡我們來看下如何解決這個問題。專案註冊部分的表單有三項，分別為手機號 驗證碼和密碼，當完成註冊操作後，瀏覽器提醒是否儲存密碼，使用...