避免360瀏覽器自動填充表單的問題（有圖有真相）

避免360瀏覽器自動填充表單的問題

開發中遇到360瀏覽器會自動給登錄界面的用戶名和密碼填充內容，並且背景變成了黃色，給用戶登錄帶來不便，下面解決方法：

經過測試發現（360瀏覽器）在以下情況下會自動填充用戶和密碼信息:

     

1. 在用戶和密碼包含在form的情況下，同時包含一個 type="text"和 type="password"元素且不包含readonly和disabled屬性，兩個元素可以沒有name和id屬性
2. 在沒有form的情況下，同時包含一個 type="text"和 type="password"元素且不包含readonly和disabled屬性，且兩個元素至少都有name或id屬性（但name和id可以是任意值但不能是空或空格）
3. 引用地址為：http://www.cnblogs.com/huangtailang/p/5257631.html

解決思路：寫一個假的input讓360自動填充，然后隱藏掉 。

在登錄的表單中加入：下面代碼

<?php $form = ActiveForm::begin(['id' => 'login-form']); ?>

　　<!--下面2行為了隱藏360自動填充用戶名和密碼表單-->
　　<input type="text" id="aaa" style="visibility: hidden;" />   
　　<input type="password" id="aba" style="visibility: hidden;" />

　　<!--下面是正常的用戶登錄表單-->
　　<?= $form->field($model, 'username')->textInput(['autofocus' => true,'value'=>"",'placeholder'=>'請輸入手機號碼']) ?>

　　<?= $form->field($model, 'password')->passwordInput(['value'=>"",'placeholder'=>'請輸入密碼']) ?>

type一定要有text和password，id一定要有，可任意命名，這樣360瀏覽器才會把用戶名和密碼自動填充進去，測試用style="display:none"隱藏，不行，用style="visibility: hidden;"可以隱藏掉自動填充的內容保證登錄界面正常使用。

避免了360瀏覽器自動填充用戶登錄表單的問題，完美解決。