怎么禁止浏览器弹框记住/保存密码及不自动填充密码

一、本文解决的问题：

1、不会在浏览器弹框提示保存密码

2、用户名和密码框不自动填充已保存的信息

3、单击用户名框时不下拉选择历史输入过的信息

测试浏览器：IE，谷歌，火狐

二、现象及问题：

1、登录后弹框提示保存密码：（谷歌浏览器示例）

2、点击保存，重新访问登录页会自动填充用户名和密码：

3、输入过的用户名会被记录，单击时会下拉选择：

三、解决方法

1、解决浏览器弹框提示保存密码

登录页index.html：

登录后的跳转页面api.html：

注意： div使用display:none不能解决问题。div标签上使用了定位，目的是将用户名和密码框整体可见，从屏幕可视范围移除，间接实现不显示。

这样再登录就不会弹框提示保存密码了。

你以为这样就完了吗！！！

NO！

以上方案适用于IE、谷歌，火狐则无效。

2、解决火狐弹框提示保存密码

原理：

1> 如果你的登录有form标签，请将登录button放到form外；

2> 登录成功后，在跳转页面前将密码框清空。

代码如下：

3、解决页面加载后自动填充密码

1> 用户名框加autocomplete="off"解决文本框记住历史输入内容，单击用户名时会下拉选择

2> 密码框设置readonly属性，单击时再移除

代码如下：