問題描述

【登錄】子用戶登錄頁面自動填充位置錯誤，本來主賬號的賬號密碼，等切換到子賬號登錄頁的時候，自動填充到了子賬號的位置。

解決方案

<input
   auto-complete="new-password"
   autocomplete="new-password"
   v-model="childUserName"
   placeholder="IAM用戶名"
   @focus="clearErrorInfo('childUserName')"
   @blur="checkStatus"
   />

防止瀏覽器自動填充賬號密碼，可以使用：
auto-complete=“new-password”
autocomplete=“off”
autocomplete=“new-password”
都試試，總有一個是可以的

一般是：

auto-complete=“new-password”
autocomplete=“new-password”

或者

auto-complete=“new-password”
autocomplete=“off”

組合使用。

詳解

在做登錄相關的頁面時，只要input框設置為：type=“password”，瀏覽器就會對input框進行自動填充行為，設置為type="password"的框會自動填充密碼，另一個隨機input輸入框會自動填充賬號。

原因

設置 input 的 type 屬性為 password 后，當頁面進行過提交，并且允許瀏覽器記住密碼后，那么再次加載該頁面時，此時 password 及附近的 input 就會被自動填充。

安全問題

如果是個人電腦，用戶體驗是挺好，但若不是，會存在很大的安全問題，很容易被他人盜取用戶名及密碼。
嚴重問題：新建表單時，自動填充會導致自動填充的用戶名與密碼可以提交到后臺（本來需要自己主動去填寫），從而導致得到不是自己需要的結果，且用戶名與密碼被暴露出來。

解決

比較簡單，在input:password中添加autocomplete屬性值設置為new-password即可。

參考文檔：http://t.zoukankan.com/EnSnail-p-10747131.html