chrome浏览器自动填充失效问题

现在浏览器带有自动填充，一般在input标签中增加autocomplete="off" 可以进行控制，off代表不填充，on代表填充，这个属性也可以放在form标签中，对所有的input标签生效。

但是在某些浏览器上autocomplete="off"会失效，不起作用，本人经过chrome的实际测试发现可以增加一个input这个input的type必须是password，style="display:none",是的将这个放在form里作为第一个input出现，浏览器在找到第一个password类型的input后就不在找其他的password的标签了，某些老外的网站是这样说的，

下面是我的html部分：

<input type="password" style="display: none"> <!-- 用于禁止浏览器自动填充的 -->

<input type="password" name="password" id="password" autocomplete="off" class="form-control" value="" placeholder="登录密码"> <!-- 实际密码提交的 -->

 

实测发现不但密码不自动填充了，用户名也不自动填充了。

网上很多例子都是：<input type="text" style="display:none" /> 实测根本就不起作用，type必须是password类型才可以。