解决input自动填充的问题

最新推荐文章于 2023-09-19 17:08:10 发布
VIP文章 最新推荐文章于 2023-09-19 17:08:10 发布
阅读量5.1k 收藏
点赞数 3
分类专栏： 前端 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moqiuqin/article/details/94392386
版权

这个问题在谷歌浏览器中出现，最终解决。这个问题查了一些资料说是谷歌浏览器的一个bug，并且一直不解决，不知道其他浏览器有没有，没做测试。

出现自动填充大多是因为记住密码的问题而导致，网上的一些方法说这样设置就没没问题了。

用户名：<input type='text' autocomplete='off'> 
密码：<input type
最低0.47元/天 解锁文章
不要葱花
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
v-model --双向数据绑定
qq_45802159的博客
01-03 3092
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
禁止 input 自动填充
Andrew_Chenwq的博客
10-10 5377
要想禁止表单控件的自动填充功能，可以给这个 input 添加的属性，一个表单中如果存在多个只需给其中一个（无论哪一个）设置这个属性即可全部禁止。设置也可以禁止浏览器弹出自动填充提示，包括以外的控件。
前端解决使用input框的自动填充和浏览器缓存密码问题
最新发布
朱远辉的博客
09-19 1940
前端解决使用input 框的自动填充和浏览器缓存密码问题
input输入框浏览器自动补全密码BUG解决
front_endxiaobaia的博客
01-13 306
input输入框浏览器自动补全密码BUG解决 看了网上一些教程，大多数都是autocomplete=“off”，实测无效。 谷歌浏览器下autocomplete="new-password"是可以解决的
记住密码后页面中其他input框自动填充用户名
Purelll的博客
07-07 445
开发时遇到的 bug，记住密码后在填充用户名和密码时，密码框填充正常，原本用户名的 input框未正常填充，反而填充到了关键词的 input框。百度后找到解决方案，在此记录。1.在原 input框后新增一个 password属性的 input框，并添加 autocomplete="new-password"属性；注：直接给原input框加 autocomplete="off " 属性没有作用。2.原 input框添加 autocomplete="off " 属性。前提：元素绑定方法和双向绑定数据均无问题。
清除input自动填充
10-11
清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。
chrome表单自动填充导致input文本框背景变成偏黄色问题解决
09-25
chrome表单自动填充后，input文本框的背景会变成偏黄色的，想必大家都会碰到这种情况吧，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的，解决方法如下，感兴趣的朋友可以了解...
完美解决谷歌浏览器自动填充问题
01-21
如果产品需求是不希望浏览器自动填充账号密码，那么怎么去除呢？ 最先想到的是设置input标签属性autocomplete=off，不起作用1， 然后试着设置css input:-webkit-autofill设置背景色为透明和设置相应的字体颜色，依然...
解决浏览器会自动填充密码的问题
12-11
解决办法是在form上或input上添加autoComplete=”off”这个属性。 form表单的属性如下所示： 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案 ...
input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决
唐屁屁
09-01 1666
input浏览器自动填充解决，input填充后el-date-picker自动触发出现解决
关于浏览器对输入框自动填充的处理
匿迹
12-22 3010
关于浏览器对输入框自动填充的处理关于浏览器对输入框自动填充的处理问题解决方案 关于浏览器对输入框自动填充的处理 问题 现在很多浏览器都有记住密码的功能，以我常用的chrome浏览器为例，当某个页面记住了密码之后，若是页面中出现了这样一种情况，整个页面上先后出现了两个input，前一个input是文本输入框，即type为text，后一个input是密码输入框，type为password，浏览器就会将保存的密码进行填充。而这种行为，有些情况下并不是我们想要的。 解决方案 对于chrome浏览器，对input设
前端如何解决浏览器自动填充input输入框账号密码的问题
热门推荐
migexiaoliang的博客
04-14 1万+
问题描述 【登录】子用户登录页面自动填充位置错误，本来主账号的账号密码，等切换到子账号登录页的时候，自动填充到了子账号的位置。 解决方案 <input auto-complete="new-password" autocomplete="new-password" v-model="childUserName" placeholder="IAM用户名" @focus="clearErrorInfo('childUserName')
html input自动填充,记录下input输入框自动填充的坑，附带解决方法
weixin_39637589的博客
05-31 1225
记录下input输入框自动填充的坑，附带解决方法记录下input输入框自动填充的坑，附带解决方法当自动填充数据后，输入框所展示的效果特别丑，会有自带的填充样式解决方法： 可以修改:-webkit-autofill中box-shadow的属性去改变输入框自动填充的颜色input:-webkit-autofill {box-shadow: 0 0 0px 1000px #f8f8f8 inset !i...
vue苹果ios用webview 手机验证码自动填充两次bug
江湖的博客
11-05 2242
关键代码： <input pattern="[0-9]*" @input="changeauthCd" class="codeB" type="Number" v-model="thisForm.authCd" placeholder="请输入验证码"> changeauthCd () { if (this.thisForm.authCd.length > ...
解决input自动填充的问题：颜色及文字
lyna的博客
07-24 3059
1、chrome的输入框背景颜色变成黄色： input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; /*---- 设置内阴影 ----*/ } 2、input输入框自动填充文字： <i...
input框实现自动补全功能
MaxVelika的博客
01-14 2860
需求：输入车架号前几位，自动弹出匹配到的车架号。 方案一：原生js 1. html 注意：关掉autocomplete属性，不然会自动匹配之前输入的内容。 2. js 编写定时器，2秒后调用； 调用接口，查询匹配到的数据append到li； 编写点击事件，自动填充Input框为选中内容； 方案二：使用js autocomplete()方法； source为查询...
修改input的自动填充的样式
qq_49074952的博客
07-29 846
遇到的问题input自动填充的样式会出现以下情况。
crome中input输入框自动填充时的背景及字体修改
leiax00
07-14 674
// fixed: 修复自动填充导致的字体及背景异常 .el-input__inner { &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus, &:-webkit-autofill:active { box-shadow: 0 0 0 68px $background_white inset !important; -moz-box-shadow: 0
解决uniapp封装input输入款组件，真机使用每次输入自动填充逗号问题
FUFCY的博客
06-22 1128
解决uniapp输入框真机使用每次输入自动填充逗号问题
el-input 浏览器自动填充怎么解决
09-06
在使用Vue框架的el-input组件时，浏览器自动填充可能会造成一些问题。浏览器自动填充是浏览器根据用户之前的输入记录和记住密码等信息自动填充输入框内容的功能。但是这个功能也许不符合我们的需求，所以需要解决这...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

不要葱花

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

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

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

打赏作者

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

抵扣说明：

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

余额充值