jQuery 禁止表单用户名、密码自动填充功能


Posted in jQuery onOctober 30, 2017

Html登录表单经常被自动填充,有的甚至用户从来没有登录过的网站也会有自动填充,甚是让人讨厌。

Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off” 来阻止浏览器从cache获取数据填充登录表单。

<input type="text" name="foo" autocomplete="off" />

但是这种方案不兼容某些Chrome、Firefox。

最终决定使用使用隐藏input来接受浏览器自动填充,这样不会影响用户体验,也可以兼容所有浏览器。

<input style="display:none"><!-- for disable autocomplete on chrome -->
<input type="text" id="username" name="username" autocomplete="off">

PS:下面看下防止表单自动填充用户名和密码功能

部分浏览器支持:autocomplete="off"

所以浏览器支持:

在会自动填充的from内加下面两家代码

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

总结

以上所述是小编给大家介绍的jQuery 禁止表单用户名、密码自动填充功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery实现动态删除LI的方法
May 30 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery plugin animsition使用小结
Sep 14 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
JQuery元素快速查找与操作
Apr 22 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jquery.pager.js分页实现详解
Jul 29 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
原生JS与jQuery编写简单选项卡
Oct 30 #jQuery
简单实现jQuery弹窗效果
Oct 30 #jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 #jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 #jQuery
jQuery实现的简单前端搜索功能示例
Oct 28 #jQuery
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 #jQuery
jquery ajax异步提交表单数据的方法
Oct 27 #jQuery
You might like
php下将XML转换为数组
2010/01/01 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
jquery之Document元素选择器篇
2008/08/14 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
vue.js配合$.post从后台获取数据简单demo分享
2018/08/11 Javascript
详解JavaScript添加给定的标签选项
2018/09/17 Javascript
javascript中call()、apply()的区别
2019/03/21 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
Python数据类型详解(四)字典:dict
2016/05/12 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
python 基于selectors库实现文件上传与下载
2020/12/31 Python
css3实现冲击波效果的示例代码
2018/01/11 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
幼儿园庆六一游园活动方案
2014/01/29 职场文书
学校安全责任书
2014/04/14 职场文书
学校教研活动总结
2014/07/02 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
安全生产隐患排查制度
2015/08/05 职场文书