[转]禁止浏览器自动保存密码弹框

本文转自：https://www.cnblogs.com/xiangsj/p/6062039.html

如图：

对于前端体验来说，这个弹框并不友好

原因：对于 type=password，浏览器会寻找与它临近的input type=text，将用户名填上

缓兵之计是：在<input type="password" 这个标签之前加：<input type="text" style="display:none;" /> 用于混淆浏览器

以下为前辈总结的参考地址是：

http://www.qdfuns.com/notes/16116/8741cbfbd6bc8bc75c1401326922e29f.html

原文地址：https://www.cnblogs.com/freeliver54/p/9767958.html

时间： 2024-08-01 01:45:26

[转]禁止浏览器自动保存密码弹框的相关文章

如何禁用Chrome浏览器的自动保存密码提示

说明,在网页开发中,在表单中加入autocomplete="off"后,IE和FF不会提示保存密码,但是用Chrome浏览器登录系统时,会弹出自动保存密码的提示,从安全的角度考虑,需要禁止浏览器的这个功能,提升系统安全性. 大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取"动态设置密码域"的方法: <input type="text" name="passwor

如何禁止浏览器自动填充

本文由 Deguang 发表于 码路-技术博客 浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而autocomplete的一些参数项并不能阻止浏览器回填,这里我们来看下如何解决这个问题. 问题描述: 项目注册部分的表单有三项,分别为手机号.验证码和密码,当完成注册操作后,浏览器提醒是否保存密码,用户名部分显示的是验证码,点击保存后,打开登录页面,手机号和密码项被分别填充为了验证码和密码,给用户带来了一定的不便. 解决过程: 1. 第一

禁止浏览器自动填写

参考:司徒正美 http://www.cnblogs.com/rubylouvre/p/5109300.html 禁止浏览器自动补全,使用 autocomplete="off" 浏览器记住密码的效果 方法:打破用户名密码的结对关系,<span style="color:red; font-size:24px;">特别注意</span>复制input控件仅增加不可见的样式,eg:style="display:none;" 存

不用插件！教你一键显示浏览器自动保存的密码

本人转自:https://pcedu.pconline.com.cn/1114/11141924.html 现在的浏览器大多都有智能填表功能,通俗点说,就是当你在一个网站填写好账号密码并登录后,浏览器会自动保存下来,然后在下次打开该网站时自动填好上次保存的账号名和密码,以便用户登录.不过这项功能有一个问题,那就是时间长后容易让人遗忘最初设过的密码是多少. 市面上有很多“密码查看器”,它们的原理是通过某种方式,直接读取到这些被浏览器保存过的账号名和密码,然后显示在软件界面中辅助用户记忆.不过这些软

一行代码，阻止浏览器自动填充密码

使用Chrome.Firefox,还有360和搜狗等浏览器,在某个网站进行提交表单的操作时,浏览器会提示是否保存密码 如果选择了保存密码,之后在浏览这个网站的任何一个有密码输入框的的表单时,浏览器会把上次保存过的账号和密码自动填入到表单中,输入框的背景变成黄色 只是登录页面自动填充的话倒没有什么问题,但是网站任何一个地方的表单都会自动填充,这就会带来很多不必要的麻烦,比如注册页面:如果表单涉及到资金方面的数据提交,可能会给用户不安全的感觉.       如果你是一个前端工程师,可能会想屏蔽浏览器

Chrome上对于自动保存密码的管理

习惯了chrome的各种功能,的确是会产生依赖,但是这种依赖有时候也会产生麻烦 比如遇到忘记密码的情况,因为chrome默认保存了密码,如果出现忘记密码,也是很麻烦的事情 今天想给一个网站加上默认保存密码,结果chrome没有弹出提示保存,研究了一下设置: 在高级中找到密码和表单 可以在这里查看已保存的密码 当然要查看密码明文肯定要输入电脑的登录名和密码才行 除此之外,还有一个列表是一律不保存的网站: 如果以前访问某个网站,提示保存密码是点了取消,会加到这个列表中,后面如果想保存这个网站的密码就

案例 修改密码 弹框样式

弹框修改密码 <template> <div> <el-button type="text" @click="outerVisible = true">修改密码</el-button> <el-dialog title="修改密码" :visible.sync="outerVisible" style="width:1000px; margin:0 auto&qu

Chrome提示是否保存密码点击了否，导致没有自动保存密码

Mac系统: ~/Library/ApplicationSupport/Google/Chrome/Default 删除Login Data和Login Data-journal,重启浏览器. 备忘: 1. 退出Chrome 浏览器. 2. 打开Chrome的Profile.删除Login Data 与 Login Data-journal 注:Chrome的个人配置即Profile文件可以有多个,默认的是Default,其他的依次为Profile1,Profile2...需要全部删除. Mac

JS浏览器的三种弹框：

1.alert:使用alert弹框提示信息,最后都会被转化为字符串输出(因为调用了toString这个方法).比如alert(1+1)弹出的结果应该是字符串形式的"2". 2.Confirm:在alert基础上增加了让用户选择性的操作(提供两个按钮:确定和取消) 比如:var  delin = confirm('你确定要删除吗?'); 这一句,当用户点击确定按钮的时候,我们接受到的结果是true,点击的是取消按钮的时候,我们接受到的结果是false,此后我们可以根据不同的结果做不同的处