【chrome】阻止浏览器表单填充

最新推荐文章于 2020-12-01 07:08:57 发布
最新推荐文章于 2020-12-01 07:08:57 发布
阅读量195 收藏
点赞数
分类专栏： web前端 文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xf1195718067/article/details/78670528
版权

‘autocomplete=”off”’在Chrome中不起作用，我们需要换一种方式：

<input name="username" type="text" readonly   onfocus="this.removeAttribute('readonly');">

angular、spring cloud 开源实战项目源码：https://gitee.com/xfdm/FCat
QQ群：549141844

代码持续更新…

FCAT.TOP
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
09-03
很多朋友都遇到这个问题：当使用chrome浏览器表单自动填充时都会自动添加默认的样式，该如何去除默认样式呢？看看小编是怎么去除的，需要的朋友一起学习吧
浏览器保存账号密码后，禁止浏览器默认填充账号的几种方法，亲测有效
huanloveqiang的博客
12-20 1555
浏览器保存账号密码后，禁止浏览器默认填充账号的几种方法，亲测有效
禁止chrome浏览器自动填充表单的解决方案
12-17 1万+
经过测试，对chrome42，重写input: auto-fill样式不起作用，加上autocomplete="off"也不起作用。 因此使用了两个隐藏的输入框: 浏览器会将保存的信息填到这两个隐藏输入控件上，达到了想要的效果。
禁止浏览器自动填充密码框密码
qq_26409411的博客
01-23 9201
浏览器遇到type="password"的输入框会自动保存密码并自动填充。 网上很多是聚焦时更改密码框类型。 type="text" onfocus="this.type='password'" placeholder="请输入密码" autocomplete="off"> 存在以下问题： 1、添加autocomplete="off"（autocomplete其含义代表是否让浏览器自动记
搜狗浏览器验证码无法显示_html禁止浏览器文本框填充，烦人的记录都走开
weixin_39933895的博客
12-01 469
当满足以下2个条件时；浏览器会自动记录输入过的值；当用户再次输入的时候就能自动完成；1：input标签在form标签下；2：点击了此form标签下的submit按钮；具体的表现形式如下图；浏览器自动显示输入过的值后会遮挡到下面的验证码；对于我这种记性差到即便只有这4个数字都懒得记；非要边看着验证码边输入的人是无法忍受的；额；好吧；我承认记性是躺枪的；主要是懒；如果说验证码这个示例你能忍受的话；那么...
prevent-autofill.js:尝试阻止浏览器自动填充功能访问表单输入
07-18
尝试阻止浏览器自动填充功能访问表单输入。 专为对抗 Chrome 的自动填充功能而创建。 Chrome 似乎并不关心我在任何类型的地址表单上的“自动完成”设置，无论自动完成属性放在哪个元素上。 唯一的依赖是 jQuery。 ...
chrome自动填写表单插件
05-24
主要功能是打开任意网页插件会自动判断URL是否是form.php结尾，如果是则按照规则自动填写网页表单，如果不是则略过。你可以根据此代码进行任意改造以满足新的需求。
Chrome网页浏览器windows64位114版
04-30
您还可使用“自动填充”功能快速填写表单。 无痕式浏览。您可以使用无痕模式浏览互联网 - 在这种模式下，系统不会保存您的历史记录。在您的所有设备上，您都能私密地浏览。 在多部设备间同步 Chrome。
Web开发 阻止浏览器自动填充输入框（autofill），比较简单的方法
小鹰信息技术服务部
06-30 2517
项目中遇到一个困扰，在编辑用户信息时，页面上有几个输入框input，有 type=text，也有type=password， 这时候浏览器因为之前记录了登录的用户名密码，这时自动填充到了输入框中，干扰了用户的操作。 那么怎样阻止浏览器自动填充密码呢？ 网上绕了一大圈，很多文章里要么方法无效，要么看上去很复杂，实际没有找到比较好的办法，翻看了几个知名网站的修改密码的页面代码，都挺复杂，没看懂...
禁止浏览器自动填充
weixin_33910434的博客
11-07 729
如何禁止浏览器自动填充 autocomplete 属性规定输入字段是否应该启用自动完成功能 方法一：设置autocomplete=“new-password” 没错，autocomplete是可以控制浏览器自动完成功能，但文档里说autocomplete=“off”可以禁止浏览器自动填充，经过实际操作一试，然而并不能，autocompl...
禁止浏览器自动填充到表单
u012903926的专栏
08-18 7956
有一个登录页，有一个新建用户页。他们都有form表单，有username和password 两个input。 在登录页的时候浏览器记住了密码，如果去到新建用户页则 username 和 password 会被自动填充上去。解决的方法： 使用 autocomplete 属性在不需要自动填充的 input 上设置 autocomplete 属性：<input autocomplete="off">这
html禁止自动填充input表单的完美解决办法
许天成的博客
06-11 2万+
提交登陆等表单时，允许记录了密码则会保存起来，且每次都会自动填充入input，我们有时候不需要自动填充，试过网上的各种方法都没能完美解决，最后终于找到解决办法，废话不多说，直接上代码！ <form method="post" action=""> <input type="text" name="username" readonly="readonly" id...
避免浏览器自动填充表单的解决方式
06-09 1404
　　以前在做项目的时候遇到过这个问题，当时年少太轻狂，没有想过是为什么会发生这样的问题，只觉得作为一个用户，每次在登录网站的时候很有用，很便捷，甚至觉得这个自动填充功能，嗯， 真棒！但是，这次又遇到了这个问题，我不禁陷入了沉思。。。为什么会有自动填充呢？为什么会变成黄色框框呢？作为一个开发者，在我不需要它自动填充的时候，它真的，很碍事！ 　　于是乎~各种谷歌百度，试了一堆方法，终于让我...
vue禁止谷歌浏览器，360浏览器自动填充form表单
bc_aptx4869的博客
05-11 5069
autocomplate=&amp;amp;quot;new-password&amp;amp;quot; 属性只适用于谷歌浏览器，360浏览器不起作用 隐藏input框适用与两款浏览器，已测试可用。 实现方法是先在vue的return里定义一个备用变量： return { accountName: '', accountNameTmp: '', } 在页面上添加隐藏： &amp;amp;amp;lt;Form&amp;amp;amp;gt;
阻止浏览器对表单自动填充
HandMer的专栏
01-19 5742
当用户在进行登录等操作提交表单后，浏览器会提示是否允许浏览器记住密码。 记住用户名密码在一定程度上会给用户体验带来好处，比如，当用户在下一次打开此登录页面表单会自动填充，直接登录 然而，也会带来一定坏得影响，比如该网站下存在另外需要填充密码的表单时，不对应的密码和用户名会自动填充该表单上（大致表现为，密码输入框会自动填充所保存密码，密码输入框的上一个输入框会自动填充用户名），用户需要清空后再填
解决Chrome的表单自动填充问题
热门推荐
前端原创分享
06-28 5万+
一般的浏览器都会默认开启一个表单自动填充的功能。这给很多用户带来了方便。但是对于项目开发者来说，有时候这就是噩梦。对安全性有考虑的项目，应该都会考虑到禁用这种自动填充的功能。否则，一个用户登录后，浏览器记住了用户名和密码。当另一个人使用这台电脑时，他肯定不用输入什么，就可以登入别人的账号，这可是很危险的事情。
谷歌浏览器查看form data的方法
ACHPXYZ的博客
08-26 3万+
打开登录页面 按下f12 打开network 按下网页里登录的按键（不要写入任何信息） 出现的新连接里就会有form data （按一下登录页面很关键，许多人都不知道这一点）
chrome浏览器表单自动填充默认样式-autofil
最新发布
12-03
在Chrome浏览器中，表单自动填充默认样式（autofil）是指浏览器内置的功能，可以自动填充一些常用的表单字段，例如姓名、电话号码、电子邮件地址等，以便用户在填写表单时更加便捷和高效。 Chrome浏览器的自动填充功能通过记住用户平时的输入行为和使用历史，来为用户提供自动填充的建议。使用者只需在输入框中开始输入，浏览器就会显示相应的建议项，用户可以选择其中一项，然后相应的表单字段就会被自动填充。 自动填充的样式可以根据不同的表单字段进行定制，例如文本输入框、密码输入框、复选框等。此外，Chrome浏览器还提供了一些API，允许开发者对自动填充的样式进行调整和定制，以满足特定的需求。 然而，需要注意的是，自动填充的默认样式可能因浏览器版本和设置的不同而有所差异。有些用户可能会选择禁用自动填充功能，或者使用第三方的密码管理工具来代替浏览器的自动填充功能。因此，在设计网页表单时，应尽量避免过分依赖浏览器自动填充功能，确保表单能够在各种情况下正常使用和提交。 总之，Chrome浏览器的表单自动填充默认样式（autofil）是一个方便实用的功能，可以提高用户填写表单的效率和便捷度。通过合理的使用和定制，可以为用户提供更好的填表体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FCAT.TOP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值