禁止浏览器input表单自动填充

最近开发遇到了一个令人头疼的事儿--浏览器input表单的自动填充行为。在type类型是password附近的input都会被自动填充上信息。这个是不程序行为，而是浏览器自动填充。

对于这个功能我深恶痛绝。

首先从程序角度看，回来结果变的不可控，明明是一段规范的代码产生的结果出乎意料，我们最讨厌这些出乎意料的结果。更甚，有些国产浏览器达到发指的地步，它居然能覆盖你设置的默认表单的值。为空的时候你自动填充，那无话可说，但是我都主动设值了还修改我的值，那这个就不能容忍了。

其次，从安全角度看。这个功能简直是牺牲安全性来换取用户体验的。使用这个你的确保你的设备是安全的，私有的，言外之意，你的电脑是是有的只能你一个人用，如果是多人使用电脑的话其他人很容易直接通用这种自动填充功能登录你的账号。

那么我们该如何禁止浏览器的这种野蛮行为（禁止浏览器input表单自动填充）？

前面提到过主要是password会出现这类填充现象，我们再加载页面的时候，把这个设置成其他类型的值-text，然后input聚焦的时候把它转化为password。这样加载页面的时候没有了password类型的input，那么就不会有自动填充现象，只要再输入的时候再把这个表单转化为password就行，这样问题就能得到解决了。

<input type="text" name="password" onfocus="this.type='password'" />

经测试，这个适用标准的浏览器（chrome，firfox，ie等），对于常见的国产浏览器（360，UC，QQ，百度，遨游等）也适用。至于一些小众的浏览器，没使用过也没测试，不能绝对保证有效。