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

 更新时间:2017年10月30日 09:50:46   作者:my98800  
这篇文章主要介绍了jQuery 禁止表单用户名、密码自动填充功能,需要的朋友可以参考下

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 树形结构的选择器

    树形结构里的节点,如果它不是根部,也不是末枝,那么它一定有父母和孩子。
    2010-02-02
  • 通过上下左右键和回车键切换光标实现代码

    通过上下左右键和回车键切换光标实现代码

    客户有这样一个需求在列表中的文本框里输入数据时,要能够通过上下左右键来切换光标,按回车键就把光标移到下一个文本框,接下来将为你介绍下如何实现,感兴趣的朋友可以参考下
    2013-03-03
  • jquery trim() 功能源代码

    jquery trim() 功能源代码

    jquery trim() 作用是,删除字符串两边出现的空格
    2011-02-02
  • 浅谈Jquery为元素绑定事件

    浅谈Jquery为元素绑定事件

    jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果。大家看看源码就知道了。
    2015-04-04
  • 深入理解jQuery 事件处理

    深入理解jQuery 事件处理

    下面小编就为大家带来一篇深入理解jQuery 事件处理。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 14个有用的Jquery技巧分享

    14个有用的Jquery技巧分享

    这篇文章主要介绍了14个有用的Jquery技巧分享,本文有一些性能优化技巧、编码优化技巧、简洁方法等,需要的朋友可以参考下
    2015-01-01
  • JQuery勾选指定name的复选框集合并显示的方法

    JQuery勾选指定name的复选框集合并显示的方法

    这篇文章主要介绍了JQuery勾选指定name的复选框集合并显示的方法,涉及jQuery表单元素操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • 基于jQuery实现二级下拉菜单效果

    基于jQuery实现二级下拉菜单效果

    这篇文章主要介绍了jQuery实现二级下拉菜单效果的相关资料,二级下拉菜单在实际应用中非常的常见,比如企业网站的产品分类,或者部门分类等等,需要的朋友可以参考下
    2016-02-02
  • jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】

    jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件HighCharts绘制2D饼图效果,结合完整实例形式分析了jQuery使用HighCharts插件绘制饼图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery boxy弹出层插件中文演示及使用讲解

    jQuery boxy弹出层插件中文演示及使用讲解

    要想使用该jQuery插件,需要把$(selector).boxy();放在document.ready中。
    2011-02-02

最新评论