input密码输入框取消浏览器默认记住密码填充

最新推荐文章于 2025-06-27 08:45:00 发布
原创 最新推荐文章于 2025-06-27 08:45:00 发布 · 6.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种方法，通过在HTML输入框中添加特定属性，实现禁用只读状态并关闭自动完成功能，适用于需要用户手动输入信息的场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

onfocus="this.removeAttribute('readonly')"  autocomplete="off"  input 框加上这个属性即可

取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题
weixin_41346436的博客
10-24 773
【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。
Debug-033-input输入框的浏览器默认填充密码的行为（未解决）
LM0916的博客
11-25 711
一般来讲不会超过三个，我看阿里云的设置密码就想到这个问题了，我没有别人的号，所以不会被记录到，而我们这里使用的是测试账号，记录过很多同事的账号，所以积累的比较多，其实只要用户一旦输入一个值之后，浏览器的填充就会消失了，没太大影响。想讨论的是如图二所示的问题：浏览器默认填充密码的行为。上面两个截图是MDN给出的解释，比较客观的表达了，确实不一定生效，有浏览器版本因素和不同浏览器的兼容因素。这里首先就给大家排出掉网上的一些很奇怪的“偏门方法”，我仔细想了一下，得不偿失，而且很多都是错的，完全没用。
登录页面如何去掉浏览器默认记住密码
施勇
12-31 7837
浏览器记住密码是根据页面中有没有类型为password的input框进行判断的，如果有则浏览器会提示是否要记住密码，并在下次登录的时候自动填充。我们要不让浏览器记住密码，就根据这个关键点，不使用类型为password的input框用于输入密码。 实现方法如下： 密码输入框的默认类型设置为text，当用户输入密码时，动态改变input类型为password，这样就不会让密码以明文展示，又可以让浏览
uniapp中input框如何不让默认填充账号密码
weixin_51185283的博客
05-19 3290
当浏览器保存了账号密码后，在我们前端页面中就会默认填充我们浏览器保存的账号密码， 解决方法： 在我们写的input框前面增加两个input，并且将宽高隐藏就可以 并且要将Input中的属性autocomplete设置为off 代码： <input type="password" style='width:0;height:0;min-height:0'/> <input type="text" autocomplete="off" style='width:0;heigh..
『uniapp』去除手机系统的账号密码自动填充效果 搜集整合多管齐下（详细图文注释）
最新发布
MZH
06-27 1299
大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！发现你走远了@mzh原创作品，转载必须标注原文链接欢迎关注『uniapp』 专栏，持续更新中欢迎关注『uniapp』 专栏，持续更新中『未完待续』
element-ui中el-input去除浏览器账号与密码自动填充
qq_33444716的博客
07-13 3694
element-ui中el-input使用若同时出现type='password'和type='text'浏览器会自动填充账号与密码，但是有的时候是不需要自动填充。
input[type=”password”] 输入框阻止chrome浏览器弹出用户名密码下拉框提示
wdm891026的博客
05-11 8321
一、现象： 框架： angular 环境：chrome最新版 谷歌浏览器记住密码后，输入框为 password 类型时，就会自动展示已经保存的用户名密码列表； 如下图所示： 代码如下： <!-- 登录密码输入框代码 --> <input nz-input [placeholder]="'Please input the password' | translate" formControlName="password" type="password" /> ...
如何使用el-input组件去除浏览器自动填充账号密码
weixin_44191318的博客
06-21 9704
如何使用el-input组件去除浏览器自动填充账号密码
JS中解决谷歌浏览器记住密码输入框颜色改变功能
10-20
如果开发者希望在用户记住密码之后，输入框仍然保持原来的样式，可以使用CSS的内阴影属性（`-webkit-box-shadow`）来覆盖默认的黄色背景色。例如： ```css input:-webkit-autofill { -webkit-box-shadow:000400px#...
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我...
Chrome禁止输入框弹出已经记录的密码方案，测试有效.txt
09-17
### Chrome浏览器禁止自动填充已记录密码的方法 #### 背景与问题 在日常使用过程中，Chrome浏览器会自动记录用户输入的各种网站账号密码，并在下次访问相同网站时提供自动填充的功能。这一特性虽然大大提升了用户...
input密码框谷歌浏览器关闭记住密码功能
daxi玫瑰的博客
03-01 840
试了好几个方法，有效的已经标记出来了 1.<input type="password" readonly οnfοcus="this.removeAttribute('readonly')" value="" autocomplete="off"/> 2.<input type="password" id="password"autoComplete="new-password" /> 3.<input className="in_text" type="text...
antd input类型为password时，怎么取消浏览器调取密码提示？
tree_ge的博客
10-21 1161
antd input类型为password时，怎么取消浏览器调取密码提示？
前端 input type=“password“ 实现禁止浏览器记住账号、密码的功能
qq_37672347的博客
01-27 5236
方法一 name=“zzzz” 保持一致， 多写几个input 隐藏 ， autocomplete=“off” <el-input v-show="false" name="zzzz" type="text" /> <el-input v-show="false" name="zzzz" type="password" /> <el-input :key="passwordType" ref="password" v-model="loginForm.p
CSS-在input标签的password中去掉浏览器密码软盘
am_xiao_hui的博客
08-09 484
给input添加 input::-webkit-input-safebox-button{display:none;}
Vue3 取消密码输入框在浏览器中自动回填
a666666000的博客
09-26 1424
el-form-item label="密码" prop="keyword">
兼容所有浏览器, 关闭记住密码的input的自动填充功能
有问题 ! 请留言 !
03-18 7767
当你在登陆页面选择了记住密码,会导致在后面修改密码的输入框中,直接自动填充密码.想要古娜彼自动填充. 方法一: 在表单中创建一个不显示的input且type等于password <input type="password" style="position: absolute;z-index: -999"> 由于密码直接填充到这个input中所以不会在真正的input上显示 方法二 ...
vue 登陆禁止弹出保存密码框及禁止默认填充密码
qq_43030908的博客
01-11 1427
vue 登陆禁止弹出保存密码框及禁止默认填充密码
input type=password 取消密码提示框
王永存
08-01 4965
浏览器记住密码后，在写页面时，设置了input的type='input'时，会带出密码提示框让你回填（如下图所示），怎么才能取消它呢？ 百度了很多的办法，1、说加一个隐藏的input框（最佳办法）2、加属性 autocomplete=“new-password” 3、通过失去焦点，获取焦点来控制 在谷歌浏览器的试的，没有一个能行的。没有办法，还是靠自己实现吧。 大致思路是这样的，利用input的 readonly结合失焦/焦点/点击等事件进行处理，具体代码如下： <input ty...
前端如何解决浏览器自动填充input输入框账号密码的问题
06-18
浏览器自动填充input输入框账号密码是浏览器的默认行为，可以通过设置input的autocomplete属性来控制是否允许浏览器自动填充。如果需要禁止浏览器自动填充，可以设置autocomplete="off"。但是有些浏览器不支持该属性或者会忽略该属性，因此可能需要使用一些其他的方法来解决自动填充的问题。比如可以在input元素的name属性中加上随机字符串，或者在input元素的value属性中加上随机字符串，这样可以让浏览器无法识别该input元素，从而不会自动填充。还可以使用JavaScript来清除input元素的value属性，或者使用一些第三方的库来解决自动填充的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值