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动态赋值id与动态取id方法示例
Aug 21 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jquery中done和then的区别(详解)
Dec 19 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery实现带进度条的轮播图
Sep 13 jQuery
jQuery实现动态操作table行
Nov 23 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使用mysqli向数据库添加数据的方法
2015/03/20 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
firefox浏览器下javascript 拖动层效果与原理分析代码
2007/12/04 Javascript
jquery 鼠标滑动显示详情应用示例
2014/01/24 Javascript
js创建对象的区别示例介绍
2014/07/24 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
2016/01/13 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
python 文件和路径操作函数小结
2009/11/23 Python
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
python实现redis三种cas事务操作
2017/12/19 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
parser.add_argument中的action使用
2020/04/20 Python
谈谈python垃圾回收机制
2020/09/27 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
时尚、社区、科技:SEVENSTORE
2019/04/26 全球购物
养殖行业的创业计划书
2014/01/05 职场文书
出国留学介绍信
2014/01/13 职场文书
火灾现场处置方案
2014/05/28 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
李白故里导游词
2015/02/12 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
人口与计划生育责任书
2015/05/09 职场文书