el-input auto-complete=“off“不生效

最新推荐文章于 2023-08-14 16:44:52 发布
最新推荐文章于 2023-08-14 16:44:52 发布
阅读量963 收藏
点赞数 2
文章标签： javascript 前端 开发语言 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42569308/article/details/131977136
版权
文章讲述了在Edge浏览器中遇到input输入框自动填充信息的问题，以及如何通过设置HTML元素的auto-complete属性为new-password来禁用这一功能，即使auto-complete=off在某些情况下可能不生效。
摘要由CSDN通过智能技术生成

在这里插入图片描述
当用在浏览器打开了上述设置时，edge页面的每个input框都会自动打开填充信息，需要从代码层面取消自动填充设置属性；auto-complete="off"有时不生效，设置auto-complete="new-password"即可

 <el-input v-model="value" placeholder="请输入" auto-complete="new-password"/>
陈庄主
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue:el-input输入时限制输入的类型操作
10-15
主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如何处理由于浏览器设置导致的autocomplete="off"失效的问题
yihuoZhou的博客
05-31 5745
1.因为谷歌只会自动填充第一个<input type="password">和它之前的<input>,所以可以添加以下代码：<input style="display:none"><input type="password" style="display:none">//添加在form元素的最上边，2.最好的解决是给autocomplete设置其他值（除on或off）<input type="tex
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
wzp20092009的博客
09-16 1万+
浏览器端有时候会记录用户输入信息作为缓存，下次输入框focus时将会有下拉缓存供用户选择填充，如果缓存次数过多会影响其页面正常显示。autocomplete=off
element中 el-input 中的 autocomplete 属性怎么使用，为什么不生效
a1783118的博客
11-24 5876
element中 el-input 中的 autocomplete 属性怎么使用，为什么不生效
autocomplete="off"
qq_18435669的博客
07-26 2178
autocomplete="off"
element中el-input 输入框 在自动填充（auto-complete=“on“）时，背景颜色会自动改变问题
zy的博客
08-29 1720
element中el-input 输入框 在自动填充（auto-complete="on"）时，背景颜色会自动改变问题
使用element-ui的el-input，谷歌浏览器忽视autocomplete:off的问题
weixin_42190844的博客
11-09 3018
今天碰到个bug，在选地区级联的时候，浏览器会把已有的地址带出来。 如下图，这样的话，地址框就会挡住el-cascader的选择。 但其实，element-ui的组件，input都是把autocomplete属性默认设置为off的。不应该有自动补全才对。 然后去查了一下，发现是谷歌浏览器直接忽视了autocomplete属性 参考这里的描述 https://stackoverflow.com/questions/12374442/chrome-ignores-autocomplete-off 解决办.
vue使用element-ui的el-input监听不了回车事件的解决方法
08-28
小编在使用element-ui时，el-input组件监听不了回车事件，怎么回事呢？下面小编给大家带来了vue使用element-ui的el-input监听不了回车事件的解决方法，一起看看吧
el-input 标签中密码的显示和隐藏功能的实例代码
10-16
本文通过实例代码给大家介绍了el-input 标签中密码的显示和隐藏 ,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vue中el-input绑定键盘按键(按键修饰符)
11-20
但在`el-input`组件中，由于它是自定义组件，直接使用这些修饰符是无法生效的。这是因为`el-input`作为一个封装的组件，其内部处理了事件，所以普通的事件监听不会被触发。 为了解决这个问题，我们需要使用`.native...
解决输入框autocomplete=off失效问题
m0_46627730的博客
05-17 3548
不同的场景，对输入框有不同的需求，例如注册时输入框就不能自动填充浏览器记录的账号密码。 这时我们第一个想到的就是给输入框加autocomplete="off" 但我打开浏览器一看，输入框还是自动填充了。 要解决也很简单，只需要将autocomplete="off"改为autocomplete="new-password"就可以了。 效果图： ...
autoComplete=“off” 无效
asunny_的博客
05-06 3028
autoComplete=“off” 无效 autoComplete自动填充属性有on/off两个值，但有时候想禁用自动填充效果的时候发现off不奏效。这时候可以随便给autoComplete赋个值就可以，比如auto Complete=“guan” 下面是我自己碰到的一个场景(与题目无关了)： 测试在谷歌浏览器测试时，发现他在浏览器保存了地址信息(包括电话、电子邮件、地址等)之后，在form表单中，虽然只是input框(公司使用的是猪齿鱼)，但是当label字符匹配到之后还是会自己给赋值，但当我第一行如果
解决element ui 密码框自动填写问题
m0_61447532的博客
12-29 1682
两个方案 1. 在 el-input中添加 autocomplete= "new-password" // 可能在火狐浏览器或低版本谷歌中失效 2. 在el-input 的上方添加一个html inpue元素， 原因是浏览器会自动找到type为password，且有name值的input并进行自动填写，这里在需要的密码框前再写一个密码框隐藏或者定位到视图外用来接收浏览器的自动补全 <input name="a" style="display: none;" type="password" pl.
关于elementui的input的autocomplete的使用
最新发布
qq_36877078的博客
08-14 1581
关于elementui的input的autocomplete的使用
chrome设置【auto-complete=off】属性无效的解决办法
cheer_up_cs的专栏
11-10 931
针对chrome设置【auto-complete=off】属性无效问题进行了搜索，解决办法基于以下搜索记录（
input输入框阻止浏览器默认填充的解决方案总结
qq_44833124的博客
02-20 4919
通常在前端开发的过程中，使用表单中加入输入框来实现登录注册是十分常见的，一些浏览器就会默认填充我们曾经使用过的账号密码，这个处理方式对于登录的时候是非常方便，但是对于注册页面，显然自动填充就非常鸡肋。博主在解决这个自动填充问题的时候用了以下几种方法，都没有很完全的得到解决（不同浏览器兼容性问题），本人使用的是谷歌浏览器。
如何使用el-input组件去除浏览器自动填充账号密码
weixin_44191318的博客
06-21 8549
如何使用el-input组件去除浏览器自动填充账号密码
el-input取消浏览器自动填充问题
weixin_38684316的博客
04-15 5065
项目中需求不需要显示浏览器自动填充的内容，可以使用以下操作 <el-input v-model="value" auto-complete="off" placeholder="请输入..."></el-input> 主要是这个 auto-complete=“off” 可以实现效果 ...
<el-form-item label="角色"> <el-input readonly v-model="userParams.roleName"></el-input> </el-form-item> <el-form-item label="注册时间"> <el-input readonly v-model="userParams.createTime"></el-input> </el-form-item> <el-form-item label="上次登录"> <el-input readonly v-model="userParams.updateTime"></el-input> </el-form-item> <el-form-item label="上次登录"> <el-input readonly v-model="userParams.updateTime"></el-input> </el-form-item> 更改样式使文字对齐(输入框不同大小)
06-13
<el-input readonly v-model="userParams.roleName" size="small"></el-input> </el-form-item> <el-form-item label="注册时间" label-width="80px"> <el-input readonly v-model="userParams.createTime"></el-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值