登录页面谷歌浏览器记住密码而在其他页面的input中出现了记住的内容

项目过程中，用谷歌浏览器记住了密码，然而在其他页面发现第一个input框里是浏览器记住的内容。然后百度了下，发现了很多的解决方式。目前我在用的就是再不需要记住内容的标签后面加一个隐藏的input。

<p>
    <input type="text" placeholder="请输入信息"/><input type="text" style="height: 0;opacity: 0">
</p>    

其中后面的input必须设置隐藏，其中hideen无效。

当然针对这个问题，一开始也采用了readonly的解决方法，但是感觉autocomplete不太友好，当input获得焦点的时候，浏览器仍旧会自动联想，故采用这种

<p>
    <input type="text" placeholder="请输入信息" readonly onfocus="this.removeAttribute('readonly')" value="" autocomplete="off"/>
</p>