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滑动到底部加载下一页数据的实例代码
May 22 jQuery
jquery实现图片轮播器
May 23 jQuery
jquery append与appendTo方法比较
May 24 jQuery
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
jQuery AJAX应用实例总结
May 19 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 smarty函数扩展
2010/03/15 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
js每次Title显示不同的名言
2008/09/25 Javascript
疯狂Jquery第一天(Jquery学习笔记)
2012/05/11 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
JS中Location使用详解
2015/05/12 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
详解JavaScript中双等号引起的隐性类型转换
2016/05/30 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
使用validate.js实现表单数据提交前的验证方法
2018/09/04 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
对python requests的content和text方法的区别详解
2018/10/11 Python
python异步Web框架sanic的实现
2020/04/27 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
英国门把手公司:Door Handle Company
2019/05/12 全球购物
销售助理岗位职责
2014/02/21 职场文书
新品发布会主持词
2014/04/02 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
养牛场项目建议书
2014/05/13 职场文书
无传销社区工作方案
2014/05/13 职场文书
车间安全生产标语
2014/06/06 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android