防止浏览器自动填充账号和密码及浏览器兼容情况

自动填充跟手动填充

进入页面后，账号密码可能会自动填充
手动填充是要密码输入框获取焦点时，就会出现保存的账号的下拉框，可以选择其中一个，这是浏览器的功能

解决自动填充问题

方案一：

<input type="password" name="password" readonly onfocus="this.removeAttribute('readonly')" value="" autocomplete="off" />

方案二：

<input type="password"  name="password" autocomplete="new-password" />

方案三：

//在页面的 第一个password元素 （有些页面会有多个password，如注册页面）之前加入一行代码：
<input type="password" style="display: none;" />
<input type="password" name="password"  />

方案四：

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

方案五：

用于对付浏览器的自动填充表单。
但是可以自动获取密码（密码输入框过去焦点时浏览器提示是否使用某账号的密码）

<!-- 防止浏览器自动填充账号和密码 -->
<input type="text" style="height: 0;padding: 0;border:none;" />
<input type="password" style="height: 0;padding: 0;border:none;" />