我们都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。

网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了：首先从登录弹框中登录成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮后，就会出现表单自动填充的问题，如图，如果用户和密码都自动填充，那么在某些网站中将非常的不安全，如支付网站。

如何解决呢，我们提供以下5种方法：

1、修改value值（目前已失效，随着chrome版本的升级，现今版本已不再能获取到value值了，所以无法对其进行操作，貌似chrome自动填充的表单的value值是存在 DocumentFragment里的div中的，暂不知道怎么去处理，等待大神告知）

if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
var inputers = document.getElementsByTagName("input");  
for(var i=0;i<inputers.length;i++){  
if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
                    inputers[i].value = " ";  
                }  
            }  
setTimeout(function(){  
for(var i=0;i<inputers.length;i++){  
if(inputers[i].type !== "submit"){  
                        inputers[i].value = "";  
                    }  
                }  
            },100)  
        }

2、 修改disabled属性 

if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
var inputers = document.getElementsByTagName("input");  
for(var i=0;i<inputers.length;i++){  
if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
                        inputers[i].disabled= true;  
                    }  
                }  
setTimeout(function(){  
for(var i=0;i<inputers.length;i++){  
if(inputers[i].type !== "submit"){  
                            inputers[i].disabled= false;  
                        }  
                    }  
                },100)  
            }

3、 去除输入框的name和id属性  

if(navigator.userAgent.toLowerCase().indexOf("chrome") != -1){  
var inputers = document.getElementsByTagName("input");  
for(var i=0;i<inputers.length;i++){  
if((inputers[i].type !== "submit") && (inputers[i].type !== "password")){  
var input = inputers[i];  
var inputName = inputers[i].name;  
var inputid = inputers[i].id;  
                        inputers[i].removeAttribute("name");  
                        inputers[i].removeAttribute("id");  
setTimeout(function(){  
                            input.setAttribute("name",inputName);  
                            input.setAttribute("id",inputid);  
                        },1)  
                    }  
                }  
            }

4、可以在不需要默认填写的input框中设置 autocomplete="new-password"

网上咱没有找到对其详细解释，但是发现163邮箱的登录注册是这么用的

5、修改readonly属性

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

本文完~

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！

優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。