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

2024-04-14 19:50:31

一、本文解决的问题：

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属性，单击时再移除

代码如下：

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

禁止浏览器自动填充密码框密码
<INPUT id="passWord" class="ipt" type="password" οnfοcus="cha ...
禁止浏览器记住密码和自动填充密码
禁止浏览器记住密码和自动填充密码 1.在不输入时设置为只读(只能做到禁用自动填充) <FormItem label="密码" prop="password" ...
[问题记录]Chrome浏览器无法保存或自动填充密码
问题描述访问某些网站时,Chrome浏览器弹出密码保存提示框.询问是否保存密码.点击"一律保存"后没有提示保存出错. 下次再进入到该网站后,不能自动填充密码,需要重复输入. 解决 ...
Chrome谷歌浏览器弹框提示：代理要求提供用户名与密码
Chrome谷歌浏览器弹框提示:代理要求提供用户名与密码问题出现: 分析: 解决: 问题出现: chrome浏览器打开之后出现代理弹框的提示(没截图,大概比划一下). 本人用的是 Ghelper. ...
阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
阻止微信浏览器/QQ浏览器弹框"在浏览器打开" 相信许多移动端工程师对下面这张图中出现的东西记忆深刻: 微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框.有时 ...
一个小技巧禁止浏览器弹出Alert
有的时候我们可能不太需要弹出凡人的Alert窗口,这个时候就要想办法去禁止浏览器弹出这个东西.那么如何禁止呢? 其实很简单的辣,看下面的代码,一点点代码轻松搞定. <script LANGUAG ...
禁止浏览器文本框自动填充_18个有用的填充文本生成器
禁止浏览器文本框自动填充 "Filler" text is used when a design must be shown to an audience and body cop ...
html自动填充密码width 0,解决浏览器会自动填充密码的问题
解决办法是在form上或input上添加autoComplete="off"这个属性. form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决. ...
去除浏览器自动填充密码功能
去除浏览器自动填充密码功能去除浏览器自动填充密码功能去除浏览器自动填充密码功能在项目开发中,遇到这样一个问题,前端显示后端一个机密数据时,使用了<input type = 'passwor ...

最新文章

热门文章