解决谷歌浏览器input密码框自动填充

最近项目遇到一个很奇葩的问题,就是在登录界面登录的时候保存了下密码,然后进入系统内部后,带有密码输入框的表单,会自动填充表单和密码,很是头疼。搜了好多解决方案:通常我们会在form表单上加入autocomplete="off"或者 在输入框中加入autocomplete="off"。但是搜了搜autocomplete是h5的属性,我的项目并不适合用,另外,这个属性在谷歌浏览器中不支持,经过很久的探索,终于解决了这个问题,快看下我的解决方案吧。

在密码输入框前添加一个隐藏的密码输入框:
这里写图片描述

    <td>
        <input type="password" style="display:none"/>
        <input type="password" id="password" name="user.password" class='required' style="width:150px;"/>
        <font class="STYLE1" color=red>*</font>
    </td>