避免浏览器保存密码

news/2024/10/18 2:35:06/

在浏览器中,输入密码框(input[type=password])会弹出保存密码的提示,如果保存了,下次会默认将信息填入,与需求不符,为了防止这一现象,我首先是设置了autocomplete,但是不管用(不知道是不是使用的element-ui的输入框组件的原因)而且它也没法解决弹出保存密码提示的问题,所以放弃了。
后来又看到了另一种解决办法,就是不使用password,而是使用text类型,通过设置text-security来隐藏密码

input{text-security:disc;-webkit-text-security:disc;-moz-text-security:disc;
}

这个方法在谷歌上成功了,但是在火狐上没有效果(被弃用),只能找其他方法实现。
最后实现的方法是使用仅由点组成的字库来代替这个属性,终于解决。
DotsFont: A font made of only dots

@font-face {font-family: "dotsfont";src: url('/assets/custom/font/dotsfont.eot') format('embedded-opentype'),url('/assets/custom/font/dotsfont.woff') format('woff'),url('/assets/custom/font/dotsfont.ttf') format('truetype'),url('/assets/custom/font/dotsfont.svg') format('svg');
}
input{font-family:'dotsfont';
}

参考资料:
如何防止浏览器存储密码


http://www.ppmy.cn/news/701401.html

相关文章

去除浏览器自动填充账号密码的几种方式

作为一个前端,经常在页面画好以后,发现不需要自动填充账号密码的地方会出现浏览器弹窗 可以通过增加一个不显示的input 如果是element ui 可以使用 auto-complete"new-password"

盘点保护隐私安全的浏览器,密码锁屏这个功能,真香

在互联网时代,大家都比较关心自己的隐私安全。一些互联网公司和在线客服会跟踪用户的在线活动,收集用户的个人信息,有时候甚至因为个人的不良习惯导致信息泄露,因此选择隐私和安全性好的浏览器尤其重要。下面给大家介绍隐私安全做…

html网页设如何置访问密码,浏览器怎么设置密码 如何给网页增加一个口令【步骤】...

浏览器怎么设置密码? 网页浏览器主要通过HTTP协议与网页服务器交互并获取网页,这些网页由URL指定,文件格式通常为HTML,并由MIME在HTTP协议中指明。一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。 下面&#xff0c…

360浏览器怎么保存网页账号密码

360浏览器强大的功能以及兼容模式,是现在最受欢迎的浏览器之一,比如替用户保存网页上的账号和密码,让浏览更快捷,那要怎么保存设置网页账号和密码呢。一起来学习下吧。 360浏览器怎么保存网页账号密码? 1、打开360浏…

html ie 版本设置密码,怎么设置浏览器密码防止他人使用 IE浏览器密码设置方法图解...

有网友问小编:IE浏览器可以设置密码吗?相信这对很多朋友们都会是个新鲜的事情,为浏览器添加密码可以防止他们使用我们电脑浏览互联网,这点对于家庭防止小孩上网很有帮助哦,下面小编就简单为大家介绍怎么设置浏览器密码…

彻底解决不要脸的360更改浏览器主页

周末将电脑借给同事使用了,回来发现浏览器主页被360更改了,下面说说怎么解决 1.IE浏览器/工具/internet选项 把主页更改了(基本没用) 2.右键浏览器图标/属性/快捷方式/目标 看看是不是在.exe后面有没有指向360的目标&…

服务器系统上的ie设置在哪里设置密码,浏览器怎么设置密码 浏览器设置密码介绍【详解】...

浏览器怎么设置密码? 浏览器是指可以显示网页服务器或者文件系统的HTML文件内容,并让用户与这些文件交互的一种软件。 另外,许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。 下面,本文…

QQ浏览器如何查看网站保存的密码

小编日常使用的浏览器大多是QQ浏览器,基于腾讯QQ下的账号同步功能给我带来了许多方便,其中QQ浏览器的账号密码自动保存,同时通过云同步可以在各个终端同步账号密码,所以使用QQ浏览器对常用网络浏览时可以一键免密登录,…