input输入框阻止浏览器默认填充

最新推荐文章于 2025-01-03 15:16:56 发布
最新推荐文章于 2025-01-03 15:16:56 发布
阅读量294 收藏
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuxiaoqi_123/article/details/141682412
版权


<el-form>
    <el-form-item>
        <el-input
            prefix-icon="el-icon-user-solid"
            v-model.trim="registerForm.account"
            clearable
            :readonly="readonlyInput"
            @focus="cancelReadOnly()"
            >
        </el-input>
    </el-form-item>
</el-form>
```

```js
readonlyInput: true,
cancelReadOnly () {
    this.readonlyInput = false;
},

一颗去去
关注
取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题
weixin_41346436的博客
10-24 440
【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。
解决浏览器自动填充input（适用于elementui）
Equicy的博客
02-24 3774
问题描述 登陆页面浏览器保存账号密码后，浏览器会自动在其他页面进行填充，原因是浏览器会默认填充input type值为password的输入框，即填充对象为input[type=password]即前一个input框。 解决方案 网上也有好多的解决办法，下面列几种，最后我们列出最优的解决方案 autocomplete 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键...
清除input自动填充
10-11
清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。
禁止浏览器对input的自动填充和填充提示(适用于谷歌、火狐、Edge(原IE浏览器)等常见浏览器)
qq_51667621的博客
06-26 6116
解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。
禁用 element 中v-input 自动填充
子明的小博客
10-30 614
有时候敲代码最重要的就是思路.但是,遗憾的是这个输入框自动填充的根本原因并没有找到,如果有知道的大佬欢迎在评论区一起分析分析~以上。
input输入框禁止自动填充
u011511086的专栏
06-28 845
input输入框禁止自动填充
input 取消自动填充
weixin_34217773的博客
03-13 215
增加属性： name="clear" 转载于:https://www.cnblogs.com/lcyuhe/p/6543395.html
禁止input自动填充
Wnig's Blog
08-14 3166
谷歌浏览器保存账号密码后，input会自动填充，现在想要把它禁用掉： <input type="password" autocomplete="off"/> 如果没效果，可以试一下： <input type="password" autocomplete="new-password"/> ...
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我...
Chrome禁止输入框弹出已经记录的密码方案，测试有效.txt
09-17
本方案采用了一种较为巧妙的技术手段，即通过动态改变输入框的类型（`type`属性）来避免Chrome浏览器的自动填充行为。具体来说，当用户开始输入密码时，将输入框的类型从`text`改为`password`；当用户完成输入后，又...
前端如何解决浏览器自动填充input输入框账号密码的问题
06-18
浏览器自动填充input输入框账号密码是浏览器的默认行为，可以通过设置input的autocomplete属性来控制是否允许浏览器自动填充。如果需要禁止浏览器自动填充，可以设置autocomplete="off"。但是有些浏览器不支持该属性...
html input表单禁止浏览器自动填充使用过的值
陈万洲的专栏
05-05 5324
网上的解决方案是在标签中加 autocomplete="off"但是问题是360浏览器，根本没效果。    最后自己想出一个办法，进入页面时，用js重置表单为空值。但是效果并不明显，后来想可能是浏览器等待标签渲染完成时间，浏览器再给表单赋值，js执行早于了这个渲染结束时间。    于是我又想等待1秒后执行，发现有时可以，有时又不行，然后把时间设2秒，基本都就可以了，但是要等一段时间，才能看到表单被...
禁止 input 自动填充
Andrew_Chenwq的博客
10-10 5739
要想禁止表单控件的自动填充功能，可以给这个 input 添加的属性，一个表单中如果存在多个只需给其中一个（无论哪一个）设置这个属性即可全部禁止。设置也可以禁止浏览器弹出自动填充提示，包括以外的控件。
Web 3D的部分技术选型和Babylon
2401_84411767的博客
04-27 308
/ 引入 Babylon.js 库。// 例如，设置网格材质。// 加载 glTF 模型。// 加载 glTF 模型。// 例如，设置网格可见性。// 获取加载的网格。// 设置网格位置和旋转。// 获取加载的网格。// 设置网格位置和旋转。// 添加网格到场景中。// 适配窗口大小变化。// 添加网格到场景中。// 适配窗口大小变化。
input输入框阻止浏览器默认填充的解决方案总结
qq_44833124的博客
02-20 5633
通常在前端开发的过程中，使用表单中加入输入框来实现登录注册是十分常见的，一些浏览器就会默认填充我们曾经使用过的账号密码，这个处理方式对于登录的时候是非常方便，但是对于注册页面，显然自动填充就非常鸡肋。博主在解决这个自动填充问题的时候用了以下几种方法，都没有很完全的得到解决（不同浏览器兼容性问题），本人使用的是谷歌浏览器。
阻止浏览器自动填充input密码框
liubt817的博客
09-05 3503
使用随机的字段名称：将密码输入框的 name 属性设置为一个随机的值，例如将其设置为一个长字符串或随机生成的唯一标识符。这样可以绕过浏览器的自动填充机制，因为浏览器通常是通过字段名称来判断是否自动填充密码的。此外，这些方法仅适用于阻止浏览器自动填充密码，而并非完全禁用浏览器的密码管理功能。用户仍然可以手动输入或选择保存密码。使用 autocomplete=“new-password” 属性：在密码输入框中添加 autocomplete=“new-password” 属性，这会告诉浏览器不要自动填充密码。
兼容多浏览器，阻止input自动填充
cc1314_工作、学习有感
07-16 210
这样浏览器就会自动填充这里。
input框禁用自动填充
suQii的博客
01-06 225
在某些场景 浏览器对input 需要禁用自动填充。仅在Chorme 测试有效。
input 阻止密码框的自动填充
最新发布
逆风优雅的博客
01-03 228
默认情况下，系统登录的时候，浏览器会自动帮我们填充账号密码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值