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实现的背景颜色渐变动画效果示例
Mar 24 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
JQuery的加载和选择器用法简单示例
May 13 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现二级导航菜单的示例
Sep 30 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
计数器详细设计
2006/10/09 PHP
php 设计模式之 单例模式
2008/12/19 PHP
php使用str_replace实现输入框回车替换br的方法
2014/11/24 PHP
php生成html文件方法总结
2014/12/01 PHP
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
JavaScript中this的四个绑定规则总结
2016/09/26 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python实现的简单RPG游戏流程实例
2015/06/28 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
Python分析学校四六级过关情况
2017/11/22 Python
numpy数组拼接简单示例
2017/12/15 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
英国在线药房:Express Chemist
2019/03/28 全球购物
枚举与#define宏的区别
2014/04/30 面试题
大学生实习鉴定评语
2014/04/25 职场文书
食品流通安全承诺书
2014/05/22 职场文书
关工委先进个人事迹材料
2014/05/23 职场文书
幼儿教师求职信
2014/05/24 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
罚款通知怎么写
2015/04/22 职场文书
Python time库的时间时钟处理
2021/05/02 Python