input 老是自动填充怎么取消，

最新推荐文章于 2025-03-27 10:11:56 发布

Aurora_juan

最新推荐文章于 2025-03-27 10:11:56 发布

阅读量634

点赞数 3

文章标签：大数据 css

本文链接：https://blog.youkuaiyun.com/Aurora_juan/article/details/125559876

版权

输入框只要带了password 就会自动填充密码，导致上下的input都会带着账户，很是糟心
auto-complete="off"也不给力

今天推荐一个好方法，快收藏起来

原本的

在这里插入图片描述
同事看了都皱眉

解决方法

在上面type="password"代码上面加一句

<input type="password" hidden autocomplete="new-password" />// 就是这句
<input v-model="form.password" type="password" class="w100" 
placeholder="请输入密码" auto-complete="off" />

后来

在这里插入图片描述
好啦~~！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Aurora_juan

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

form表单禁止浏览器自动填充密码

IT博客技术分享

07-12

2369

form表单禁止浏览器自动填充密码

【html】巧妙解决input标签自动填充问题

汪小穆的博客

05-31

5万+

前言：如果是同域名网站，并且曾经在该网站下登录过账号密码，并且选择了记住账号密码。chrome浏览器会对账号密码进行自动填充功能，虽然这功能给我们提供了很多方便，但是也带来了些困扰。一、问题起始 ①当“密码”那项input的type是text的时候并不会出现问题 <label> <span>卡号:</span> <input...

参与评论您还未登录，请先登录后发表或查看评论

el-input去掉自动填充

最新发布

weixin_43671128的博客

03-27

288

el-input去掉自动填充用户名密码

清除input自动填充

10-11

清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。

input 取消自动填充

weixin_34217773的博客

03-13

227

增加属性： name="clear" 转载于:https://www.cnblogs.com/lcyuhe/p/6543395.html

禁止浏览器对input的自动填充和填充提示(适用于谷歌、火狐、Edge(原IE浏览器)等常见浏览器)

qq_51667621的博客

06-26

7249

解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。

springboot接口慢_基于 Springboot+layui 实现接口自动化平台

weixin_39995108的博客

12-20

196

前言一次偶然的机会来到这里，有种恍然大悟的感觉：原来大家都在这里！我说在优快云上很少看到测试相关的文章呢。翻看了几篇，各位谈笑间，水平尽显——进这里就像回到家一样，进了里面去个个都是人才，说话又好听，超喜欢在里面。我本人是19年6月份开始在优快云写些博文的，这里也顺势推荐一波，欢迎大家关注、交流。博客地址奉上：https://blog.youkuaiyun.com/mu_wind。发现测试里走Java路线...

关闭input自动填充解决方案

Kobeloveu

08-10

3336

问题：使用 vue2.x +iview 3.x 在谷歌浏览器保存网站密码之后，打开项目，项目中的表单页面自动填充账号

Vue+element 解决浏览器自动填充记住的账号密码问题

12-10

以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！如果你...

浏览器保存密码后自动填充错位问题

lyn1772671980的博客

09-02

2350

问题描述在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete="off" ，但是并没有产生效果。浏览器自动填充机制反复测试后发现浏览器自动填充机制是满足：页面里有一个type=password的input且这个input前面有一个type=text的input的时候就会进行自动填充。firefox和360浏览器的处理方式是：只要检测到页面里有满足填

【MyBatis Plus 3.5.1】2、CRUD扩展：自动填充、乐观锁、分页查询、逻辑删除【Spring Boot 环境】

土味儿

02-04

3953

1、Insert 1）插入测试 @Test void testInsert(){ User user = new User(); user.setName("tuwer"); user.setAge(8); user.setEmail("abc@qq.com"); // 会自动生成id int res = userMapper.insert(user); System.out.println(res); System.out.print

禁止浏览器自动填充input解决方案

ggxin的博客

03-22

3129

3、在页面初始化的时候把type改为text 并且清空，在focus事件触发的时候又把type改为password ,其他input类似。一、表单的input控件不要设置name和id属性，可以设置class或其他属性，只要能方便找到这个控件即可。经过测试上面3种方法都不理想，第三种更是直接报type属性是只读的，不能更改。2、设置input的autocomplete=“new-password”1、设置input的autocomplete=“off”通过jquery找到这个控件获取里面的值再提交即可。

禁止 input 自动填充

皮蛋很白的博客

09-17

6778

在编写 Form 表单样式的时候，修改自动填充后的 input 样式是很麻烦甚至不可行的，而且还有一些不需要自动填充的场景。自动填充常出现在表单中有 type="password" 的 input 控件，浏览器会在表单加载时候监测到存在 password 的表单控件，然后将保存在客户端的信息自动填充它和相邻的表单控件中。 input 的 autocomplete 表示这个控件的值是否可被浏览器自动填充，设置为 off 表示用户必须手动填值，或者该页面提供了自己的自动补全方法。浏览器不对此字段自动填充。。

＜input type=“text“＞输入框去除自动填充

qq_74344288的博客

07-15

179

【代码】＜input type=“text“＞输入框去除自动填充。

input禁止自动填充

zt-records的博客

03-19

170

input禁止自动填充 autocomplete = “off” 在chorme不起作用可以试试autocomplete = “new-password”

input 阻止密码框的自动填充

逆风优雅的博客

01-03

664

默认情况下，系统登录的时候，浏览器会自动帮我们填充账号密码。

input自动填充-Autocomplete

热门推荐

既认准这条路，又何必在意要走多久

08-12

6万+

首先

input 禁止自动填入

YoungC

09-14

295

autocomplete=”off” input 关闭自动填充。。。 <input autocomplete=”off”>

除了`type="text"`，还有哪些方式可以防止密码自动填充？

11-29

除了设置`type="text"`之外，还可以尝试以下几种方法来防止密码自动填充： 1. **`autocomplete`属性**: 设置`autocomplete="off"`会在表单元素上关闭浏览器的自动完成建议。不过，这并不总是阻止自动填充，因为有些现代浏览器可能会忽略这个属性。 ```html <input v-model="password" type="password" autocomplete="off" placeholder="请输入密码"> ``` 2. **`pattern`属性**: 可以设置一个特殊的正则表达式作为`pattern`属性，使得浏览器无法识别输入的内容是密码形式。但这通常不会阻止已记住的密码被填充。 ```html <input v-model="password" type="password" pattern="[^\w\s]"> ``` 3. **`oninput`事件**: 当用户开始输入时，清除输入框的内容，强迫用户重新输入。但是，这种方法不够优雅，用户体验较差。 ```javascript methods: { clearInput(event) { if (event.target.value !== '') { event.target.value = ''; } }, ... // 其他方法 }, mounted() { this.$el.addEventListener('input', this.clearInput); } ``` 4. **禁用剪切、复制粘贴**: 另一种间接的方式是在客户端阻止用户复制内容，但这同样影响了用户的正常使用。请注意，上述方法并非万无一失，某些浏览器或设备仍可能绕过这些限制。最好的做法还是教育用户了解浏览器自动填充的风险，并鼓励他们定期更换密码。