html屏蔽浏览器自动填充,禁止浏览器对表单自动填充的几种方法

浏览器会将带有密码输入域的表单进行自动填充，在登录界面给用户带来很大的便利。但是，在非登录表单存在密码输入域时，浏览器也会自动填充，从而会带来一定坏得影响。禁止浏览器对表单自动填充的四种方法如下：

第一种方法：将type=“password” 改为 type="text" ,然后再在必要的时候将其改回password

猜想，浏览器自动填充识别的是 type="password" 然后将该input自动填入密码

那么，我们考虑将type=“password” 改为 type="text" ,然后再在必要的时候将其改回password

这个必要的时候我们选择在当密码的input获得焦点时，即在onFocus时改变type="password"，代码如下：

$("#psw").focus(function(event) {

$(this).attr('type','password');

});

以上代码不兼容ie8以下，兼容代码如下：

var isLTIE9 = function(){

var bObj = document.createElement('b');

bObj.innerHTML = '';

return bObj.getElementsByTagName('i').length === 1;

}

if(!isLTIE9()) {

$("#psw").focus(function(event) {

$(this).attr('type','password');

});

}else{

var pswInput = document.getElementById("psw");

var pswInput2 = pswInput.cloneNode(false);

pswInput2.type='password';

pswInput.parentNode.replaceChild(pswInput2,pswInput);

}

第二种方法：在用户名和密码之间加上一个隐藏的文本框

第三种方法：使用假的 input 让浏览器去填充

在页面

后加入：

这个方案原理是让浏览器去填充用户实际上看不到的 input。虽然看上去代码比较 low，但是很实用

第四种方法：使用 autocomplete 属性

在不需要自动填充的 input 上设置 autocomplete 属性：

这个方案只对chrome浏览器生效。

html屏蔽浏览器自动填充,禁止浏览器对表单自动填充的几种方法相关推荐

html防止浏览器表单自动填充,禁止浏览器input表单自动填充
最近开发遇到了一个令人头疼的事儿--浏览器input表单的自动填充行为.在type类型是password附近的input都会被自动填充上信息.这个是不程序行为,而是浏览器自动填充. 对于这个功能我深恶 ...
java 情况浏览器缓存_JavaWeb禁止浏览器缓存当前Web页面的方法
所谓浏览器缓存,是指当第一次访问网页时,浏览器会将这些网页缓存到本地,当下一次再访问这些被缓存的网页时,浏览器就会直接从本地读取这些网页的内容,而无需再从网络上获取. 虽然浏览器提供的缓存功能可以有效 ...
如何不让计算机更新软件,Windows10自动安装更新让人厌烦，用这3种方法，彻底禁止它...
在本文中,我将向你介绍三种方法来禁止Windows 10上的自动更新,并让你决定下载和安装自动更新的方法. 本文目录使用设置禁用自动更新使用组策略禁用自动更新使用注册表禁用自动更新在Windows ...
计算机序号函数,EXCEL函数自动编号/编码单条件和多条件的几种方法
一.单条件COUNTA =IF(I2="","",COUNTA($I$2:I2)) 二.多条件COUNTIF函数,适用于出纳收支编码,I列只有收付两个文本条件为 ...
android自动拨号代码,在Android上，是否有一种方法可以强行自动自动拨号？_android_开发99编程知识库...
我一直在研究一个 Android 应用概念,在用户启动服务时,应用程序必须自动拨号. 我发现,当应用程序尝试自动拨号时,手机( 还是叫 Intent ) 不会自动拨号,而用户必须手动启动服务. 目前 ...
Vb自动读取本地HTML,VB获取网页源代码的五种方法
方法1:inet控件调用方法 Inet1.OpenURL 添加microsoft ineternet transfor conctrol6.0 控件方法2:XMLHTTP '如果出现乱码,UTF-8 ...
对表单控制是否提交需要在方法名前面加上 return
转载于:https://www.cnblogs.com/classmethond/p/10793450.html
vfp取得excel的句柄_如何使用填充句柄将顺序数据自动填充到Excel中
vfp取得excel的句柄 The Fill Handle in Excel allows you to automatically fill in a list of data (numbers o ...
wps如何取消自动编号？试试这3种方法
你还在使用最原始的取消自动编号的方法吗?有更好的方法等着你来使用,那么,wps如何取消自动编号?试试小编总结的这3种方法,估计就不想用最原始的取消自动编号的方法了,可以快速节省时间,节省步骤! 方法1 ...
win10怎么设置锁定计算机,Win10怎么设置自动锁屏? win10自动锁屏的两种方法
win10系统中可手动锁屏:Win+L,也可以自动锁屏,该怎么设置自动锁屏呢?下面我们就来介绍两种方法,请看下文详细的教程. 方法一:在本地安全策略中设置电脑自动锁屏. 注意:Windows 10家庭 ...

html屏蔽浏览器自动填充,禁止浏览器对表单自动填充的几种方法

html屏蔽浏览器自动填充,禁止浏览器对表单自动填充的几种方法相关推荐

最新文章

热门文章