html防止浏览器表单自动填充,禁止浏览器input表单自动填充

最近开发遇到了一个令人头疼的事儿--浏览器input表单的自动填充行为。在type类型是password附近的input都会被自动填充上信息。这个是不程序行为，而是浏览器自动填充。

对于这个功能我深恶痛绝。

首先从程序角度看，回来结果变的不可控，明明是一段规范的代码产生的结果出乎意料，我们最讨厌这些出乎意料的结果。更甚，有些国产浏览器达到发指的地步，它居然能覆盖你设置的默认表单的值。为空的时候你自动填充，那无话可说，但是我都主动设值了还修改我的值，那这个就不能容忍了。

其次，从安全角度看。这个功能简直是牺牲安全性来换取用户体验的。使用这个你的确保你的设备是安全的，私有的，言外之意，你的电脑是是有的只能你一个人用，如果是多人使用电脑的话其他人很容易直接通用这种自动填充功能登录你的账号。

那么我们该如何禁止浏览器的这种野蛮行为(禁止浏览器input表单自动填充)？

前面提到过主要是password会出现这类填充现象，我们再加载页面的时候，把这个设置成其他类型的值-text，然后input聚焦的时候把它转化为password。这样加载页面的时候没有了password类型的input，那么就不会有自动填充现象，只要再输入的时候再把这个表单转化为password就行，这样问题就能得到解决了。

经测试，这个适用标准的浏览器(chrome，firfox，ie等)，对于常见的国产浏览器(360，UC，QQ，百度，遨游等)也适用。至于一些小众的浏览器，没使用过也没测试，不能绝对保证有效。

html防止浏览器表单自动填充,禁止浏览器input表单自动填充相关推荐

php如何禁用浏览器的缓存,php如何禁止浏览器使用缓存页面
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...
监听浏览器的返回事件，禁止浏览器返回
//禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){// ...
java 情况浏览器缓存_JavaWeb禁止浏览器缓存当前Web页面的方法
所谓浏览器缓存,是指当第一次访问网页时,浏览器会将这些网页缓存到本地,当下一次再访问这些被缓存的网页时,浏览器就会直接从本地读取这些网页的内容,而无需再从网络上获取. 虽然浏览器提供的缓存功能可以有效 ...
js禁止浏览器后退按钮
js禁止浏览器后退按钮 1.js //禁止浏览器后退按钮 function BanBack(ele) {//禁止浏览器后退按钮if (window.history && window. ...
360 html禁止自动填充,360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决？...
360浏览器的表单自动填充设置在哪?360浏览器自动填充表单的问题怎么解决? 很多用户都遇到了360浏览器自动填充表单的问题,那么怎么解决呢?今天带来360浏览器自动填充表单的问题解决方法分享. 开发 ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
如何禁止浏览器自动填充
本文由 Deguang 发表于码路-技术博客浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而autocomplete的一些参数项并不能 ...
禁止浏览器文本框自动填充_18个有用的填充文本生成器
禁止浏览器文本框自动填充 "Filler" text is used when a design must be shown to an audience and body cop ...
禁止浏览器自动填充input解决方案
网上找了很多禁止浏览器自动推荐input值的办法,推荐的方法有几种: 1.设置input的autocomplete="off" 2.设置input的autocomplete=&qu ...

html防止浏览器表单自动填充,禁止浏览器input表单自动填充

html防止浏览器表单自动填充,禁止浏览器input表单自动填充相关推荐

最新文章

热门文章