最近專案中遇到一個令人頭疼的問題，查閱各種資料，嘗試各種方法，最終得以解決；哎···下面就說說這心酸的歷程吧。

大家都知道autocomplete屬性是表單欄位中的HTML5新屬性，該屬性有兩種狀態值，分別為"on" 和 "off"，該屬性可省略：省略屬性值後預設值為"on"，也可以省略屬性名，直接寫入關鍵字on或off。

網站專案中，有登入和註冊的彈框，在除chrome的瀏覽器中一切都ok，一旦在谷歌瀏覽器中，問題來了：
首先從登入彈框中登陸成功，chrome會彈出是否儲存密碼的提示框，點選儲存密碼按鈕，

然後接著退出賬戶，
這時開啟註冊彈框，你會發現註冊彈框中使用者名稱和密碼也被預設填寫進去了（登入彈框中預設填寫進去符合邏輯），

這現象就詭異了，開始各種查，cookie，本地快取，等等，都解決不了這問題；

查閱後，很多沒有這個的解決方案。

1  通常我們會在form表單上加入autocomplete="off" 或者 在輸入框中加入autocomplete="off"

1. <formmethod="post"action=""name="login"autocomplete="off">
2. </form>
3. //或者  
4. <inputid="name"type="text"name="name"maxlength
   ="20"autocomplete="off">

總結了5種解決方案，如下：

1 修改value值（目前已失效，隨著chrome版本的升級，現今版本已不再能獲取到value值了，所以無法對其進行操作，貌似chrome自動填充的表單的value值是存在 DocumentFragment裡的div中的，暫不知道怎麼去處理，等待大神告知）

1. if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
2.             var inputers = document.getElementsByTagName("input");  
3.             for(var i=0;i<inputers.length;i++){  
4.                 if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
5.                     inputers[i].value = " ";  
6.                 }  
7.             }  
8.             setTimeout(function(){  
9.                 for(var i=0;i<inputers.length;i++){  
10.                     if(inputers[i].type !== "submit"){  
11.                         inputers[i].value = "";  
12.                     }  
13.                 }  
14.             },100)  
15.         }  

1. if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
2.             var inputers = document.getElementsByTagName("input");  
3.             for(var i=0;i<inputers.length;i++){  
4.                 if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
5.                     inputers[i].disabled= true;  
6.                 }  
7.             }  
8.             setTimeout(function(){  
9.                 for(var i=0;i<inputers.length;i++){  
10.                     if(inputers[i].type !== "submit"){  
11.                         inputers[i].disabled= false;  
12.                     }  
13.                 }  
14.             },100)  
15.         }  

1. if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
2.             var inputers = document.getElementsByTagName("input");  
3.             for(var i=0;i<inputers.length;i++){  
4.                 if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
5.                     var input = inputers[i];  
6.                     var inputName = inputers[i].name;  
7.                     var inputid = inputers[i].id;  
8.                     inputers[i].removeAttribute("name");  
9.                     inputers[i].removeAttribute("id");  
10.                     setTimeout(function(){  
11.                         input.setAttribute("name",inputName);  
12.                         input.setAttribute("id",inputid);  
13.                     },1)  
14.                 }  
15.             }  
16.         }  

網上咱沒有找到對其詳細解釋，但是發現163郵箱的登入註冊是這麼用的，

所以就借鑑借鑑咯，測試之後也是可以解決問題的，也是最簡單的解決辦法，網易給您點個贊！

5 修改readonly屬性

1. <input type="password" readonly onfocus="this.removeAttribute('readonly');"/>  

參考來源：

http://stackoverflow.com/questions/15738259/disabling-chrome-autofill/29582380#29582380