解决输入框autocomplete=off失效问题

最新推荐文章于 2024-07-10 16:22:27 发布
最新推荐文章于 2024-07-10 16:22:27 发布
阅读量3.5k 收藏 2
点赞数 1
分类专栏： html 输入框 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46627730/article/details/106168495
版权

不同的场景，对输入框有不同的需求，例如注册时输入框就不能自动填充浏览器记录的账号密码。
这时我们第一个想到的就是给输入框加autocomplete="off"
但我打开浏览器一看，输入框还是自动填充了。

要解决也很简单，只需要将autocomplete="off"改为autocomplete="new-password"就可以了。
效果图：
在这里插入图片描述

清新小伙子
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 开发之autocomplete=”off”在chrom中失效的解决办法
11-27
js 开发之autocomplete=”off”在chrom中失效的解决办法 问题：在表单的输入框中，有时候我们并不希望点击输入框时，会出现提示信息。这时，在输入框中添加属性:autocomplete=”off”，一般能达到目的。而在chrom里面就失效。 失效的原因是：浏览器会根据输入框的input的type属性为password的时候，自动将用户名和密码框填充。 解决方法：因为浏览器是否自动填充内容，根据type=password来判断的。此时先将作为密码的输入框的type设成text,当点击密码输入框的时候，将其type属性设为password,这样问题就解决了。 HTML页面代码如
让输入框关闭自动完成（AutoComplete）功能
12-01
现在我们可以用input的一个属性autocomplete。 这是一个关闭自动完成的示例： <input type="text" name="test" autocomplete="off" /> 　　这个属性虽然不属于XHTML标准，但IE以及Mozilla都支持，也许不久后也会加入到标准当中吧。
autocomplete="off" inpu属性
lxw1844912514的博客
02-08 1090
input 的属性autocomplete 默认为on其含义代表是否让浏览器自动记录之前输入的值很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到可以在input中加入autocomplete="off" 来关闭记录系统需要保密的情况下可以使用此参数 定义和用法 autocomplete 属性规定表单是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输...
浏览器输入框或表单关闭自动填充autocomplete=off
wzp20092009的博客
09-16 1万+
浏览器端有时候会记录用户输入信息作为缓存，下次输入框focus时将会有下拉缓存供用户选择填充，如果缓存次数过多会影响其页面正常显示。autocomplete=off
autocomplete=“off“
weixin_46087919的博客
09-15 2672
autocomplete="off"
autocomplete="off" 不生效的解决方法
热门推荐
MrLiber的博客
10-20 2万+
The autocomplete attribute is an enumerated attribute. The attribute has two states. The on keyword maps to the on state, and the off keyword maps to the off state. The attribute may also be omitted. ...
autocomplete="off"，失效禁止浏览器默认填充的解决方案总结
简单Cere
05-29 9929
现象：浏览器有自动记住密码的功能，当场景是注册账号等表单的时候会自动填充~ 默认的解决方案：在form与input上添加autocomplete=“off”，但是在很多浏览器上不起作用。 其他方案： 1.对自动填充的input设置name和id，结果效果不明显 （X） 2.将autocomplete设置为new-password，这种效果只支持谷歌浏览器，其他浏览器就不行了 （X） ...
el-input auto-complete=“off“不生效
陈庄主的博客
07-28 963
当用在浏览器打开了上述设置时，edge页面的每个input框都会自动打开填充信息，需要从代码层面取消自动填充设置属性；auto-complete="off"有时不生效，设置auto-complete="new-password"即可。
js 开发之autocomplete="off"在chrom中失效的解决办法
10-19
总之，当`autocomplete="off"`在Chrome中失效时，通过JavaScript动态修改输入框的`type`属性是一种有效的解决策略。这不仅防止了浏览器的自动填充，还能保证用户的输入体验。在开发过程中，理解浏览器的行为并灵活...
Firefox中autocomplete=off 设置不起作用Bug的解决方法
01-19
查看源码会发现input输入框加上了autocomplete=”off”，此为了屏蔽浏览器表单默认的记忆功能。淘宝，百度的搜索框也有该属性。autocomplete 属性是非标准的，首先在 IE5 中加入，后 其它浏览器 都 支持。html5 也将...
Firefox中autocomplete="off" 设置不起作用Bug的解决方法
09-05
解决Firefox中`autocomplete="off"`不生效的问题有几种策略： 1. **使用HTML5的新属性**：HTML5引入了新的属性`autocomplete="new-password"`，可以用于`<input type="password">`，告诉浏览器这是一个新密码字段，...
Firefox中autocomplete=\"off\" 设置不起作用Bug
07-28
2. **优先级问题**：可能有其他CSS或JavaScript代码覆盖了`autocomplete="off"`的设置，导致其失效。 3. **浏览器缓存**：Firefox可能存储了之前的表单数据，并在新会话中尝试填充，即使`autocomplete`被设为`off`...
chrome设置【auto-complete=off】属性无效的解决办法
cheer_up_cs的专栏
11-10 931
针对chrome设置【auto-complete=off】属性无效问题进行了搜索，解决办法基于以下搜索记录（
autocomplete="off"
qq_18435669的博客
07-26 2178
autocomplete="off"
10.Form表单中Input输入框设置autoComplete=“off“ 不生效
11-09 717
发现antd的Input组件的 autocomplete=“off” 属性 不生效。输入框获取焦点时，不展示chrome的默认行为。
autoComplete=“off” 无效
asunny_的博客
05-06 3028
autoComplete=“off” 无效 autoComplete自动填充属性有on/off两个值，但有时候想禁用自动填充效果的时候发现off不奏效。这时候可以随便给autoComplete赋个值就可以，比如auto Complete=“guan” 下面是我自己碰到的一个场景(与题目无关了)： 测试在谷歌浏览器测试时，发现他在浏览器保存了地址信息(包括电话、电子邮件、地址等)之后，在form表单中，虽然只是input框(公司使用的是猪齿鱼)，但是当label字符匹配到之后还是会自己给赋值，但当我第一行如果
autocomplete="off" 阻止浏览器默认缓存input的值
'Ablaze 的专栏
01-07 1159
只有火狐刷新后值没有自动更新 火狐浏览器比较特殊，它默认会缓存input框的值， 导致input的value值是最新的，但是显示给用户的却是之前的值， command+R刷新多次还是一样，只有command+shift+R强制刷新才可以。 我们不能期望用户自己去尝试强制刷新，所以需要给 input加一个属性autocomplete="off"， 作用是阻止浏览器默认的input缓存。 autoco...
autocomplete=“off“ 不起作用解决方案
木辰風的博客
09-14 1463
为了防止浏览器为用户自动填充账号密码，input标签 html5新增属性autocomplete，但这一属性经常出现不起作用的事情，为了解决这一问题，我找到一些解决方法；去掉了一些比较复杂的方法。网上没有找到对其详细解释，但是发现163邮箱的登录注册是这么用的。这种方法是最简单的。autocomplete官方只有"on","off"俩个值，但是"在input框中设置 autocomplete= "修改readonly属性。
html5——列表、表格
最新发布
jiuyuexixi的博客
07-10 683
html5——列表、表格
autocomplete=off啥意思form
02-23
autocomplete=off是一个HTML表单属性，用于禁用浏览器的自动填充功能。当设置为"off"时，浏览器将不会自动填充表单字段的值，用户需要手动输入。这对于一些敏感信息的输入（如密码）或者需要用户自行选择的情况（如地址）非常有用。 相关问题: 1. autocomplete=off如何使用？ 2. autocomplete=off对用户体验有什么影响？ 3. 除了autocomplete=off，还有其他方法可以禁用浏览器的自动填充功能吗？

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值