文档章节

如何禁止表单input自动填充用户名密码

zZach
 zZach
发布于 2017/05/25 10:21
字数 395
阅读 223
收藏 0

1. 说明

  • 本文使用的Chrome版本是51.0.2704.106
  • 本文使用的FireFox的版本是49.0.2

2. 问题

在某个非登录的页面只有一个<input type="text">和一个<input type="password">,然后Chrome浏览器就默认填充了用户名和密码,现在需要阻止浏览器的自动填充。

3. 尝试解决

  1. 首先搜索到以下结果:

    参考链接:如何禁止(表单)用户名、密码自动填充——大宝日记

    • Mozilla 官方文档建议

      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">
      

    但是实际上在Chrome上并没什么用,在FireFox上也只能阻止用户名自动填充。

  2. 接着搜索,又发现了个新东西

    <input type="password"  autocomplete="new-password">
    

    把password的autocomplete属性由off变成了new-password,发现Chrome不自动填充了,但是FireFox上仍然会填充用户名

  3. 再接着结合第一点尝试,最后结果是使用以下方式

    <input type="password" style="display: none;"/>
    <input type="text" autocomplete="off"/>
    
    <input class="form-control" type="password" name="tradePassword" id="txPassword" autocomplete="new-password"
    

    这样在Chrome和FireFox上就都不会填充了。

© 著作权归作者所有

共有 人打赏支持
zZach
粉丝 0
博文 1
码字总数 395
作品 0
私信 提问
如何禁止(表单)用户名、密码自动填充

Html登录表单经常被自动填充,有的甚至用户从来没有登录过的网站也会有自动填充,甚是让人讨厌。 Mozilla developer documentation 建议使用表单设置属性 tautocomplete="off" 来阻止浏览器从...

WolfX
2016/02/20
18
0
阻止浏览器记住密码功能干扰表单填充

最近有一项目在360浏览器下面遇到一个超级恶心的问题,客户在用360浏览器登录系统后记住密码,再创建用户账户的时候,浏览器会自动将登录的用户名和密码填充到页面上去,我同事被这个问题困扰...

slimboy123
2016/01/29
0
0
浏览器--如何让登陆页面的表单不默认显示账号和密码

楼主做Javaweb项目,制作登陆页面访问时总是出现用户名和密码被自动填写的情况;如图楼主自制的网页登陆页面(这里以楼主用的Chrome为例演示) 而且很多情况下,保存是别的项目下的账户密码~...

萧沐垚
2016/12/16
39
0
Android O 密码自动填充功能测试,你觉得实用吗?

首个 Android O 开发者预览版中包含的新增功能之一就是自动填充功能。开发人员能够将自动填充 API 直接实现到他们的应用程序中,以便用户能够自动填写所需的任何安全信息,例如地址、用户名和...

王练
2017/03/26
1K
6
解决浏览器自动填充表单问题

解决浏览器自动填充表单问题 X-Space2017-12-241 阅读 表单浏览器 Mozilla 官方文档建议 Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off” 来阻止浏览器从cache...

X-Space
2017/12/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

漏洞防御与修复工作

漏洞管理工作是企业安全建设必不可少的一环,在风险管理工作中,漏洞管理能够防患于未然,企业对漏洞管理有着广泛的基础建设和实践经验。但随着攻防技术的发展,传统漏洞管理的安全技术和管理...

linuxprobe16
15分钟前
0
0
MicroPython技术及应用前景

1 Micropython技术是什么? MicroPython极精简高效的实现了Python3语言。它包含Python标准库的一小部分,能在单片机和受限环境中运行。 1.1 MicroPython发展 由剑桥大学的理论物理学家乔治....

bodasisiter
21分钟前
0
0
跟我学Spring Cloud(Finchley版)-13-通用方式使用Hystrix

本节详细讲解使用Hystrix的通用方式。 简介 Hystrix是由Netflix开源的一个延迟和容错库,用于隔离访问远程系统、服务或者第三方库,防止级联失败,从而提升系统的可用性与容错性。Hystrix主要...

周立_ITMuch
30分钟前
0
0
🛠️Hanjst/汉吉斯特更新加JavaScript运行时优化等

这是 Hanjst/汉吉斯特 发布以来的首个主要升级更新版本。这次的主要升级更新的内容包括移除HTML Comments注释行, 优化在 Hanjst include模板文件时的JavaScript运行时环境。 Hanjst 在设计和...

wadelau
今天
2
0
OSChina 周六乱弹 —— 舔狗是没有好下场的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @我没有抓狂 :#今天听什么# #今天听这个# 分享 Nirvana 的歌曲《Smells Like Teen Spi...》 《Smells Like Teen Spi...》- Nirvana 手机党少...

小小编辑
今天
463
13

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部