input标签在谷歌浏览器记住密码下的一个自动填充BUG

之前CSDN的编译器有问题，所以 这里重新整理给大家。
bug已经在之前的文章里叙述得很清楚了，现在只整理下bug的解决方案。

例如我们有一个id为demoinput标签 ，我们暂且叫他”1号input”

<input type="text" class="demo" id="demo">

在“1号input”的上面加一个“2号input”，并给“2号input”加一个display: none的内联样式

<input type="text" style="display: none">
<input type="text" class="demo" id="demo">

为“1号input”加一个autocomplete="off"属性

autocomplete=”off”是HTML5的新属性，自动完成允许浏览器预测字段的输入，但是只用于text, search, url, telephone, email, password, datepickers, range 以及 color类型的<input>和<form>所以，如果我们需要一个密码框，需要给input设置一个onfocus="this.type='password'"

最终我们的代码如下：

<input type="text" class="demo" id="demo" style="display: none";>
<input type="text" class="demo" id="demo" placeholder="请输入密码" autocomplete="off" onfocus="this.type='password'">

ok，结束。