问题

浏览器会默认将已保存的账号密码自动填充到input为type="password"的输入框内（autocomplete="off"不起作用），type ="text" 时不会出现自动填充问题。

解决

方法1：

向账号和密码项前面多加2个input标签，并将第2个input标签的 type 设置为 password，然后通过样式将这2个input输入框隐藏（样式：{width: 0; height: 0; }），自动填充的值转移到这两个隐藏的input框了。

方法2：

在type="password"的input中加上属性入autocomplete="new-password"

参考：
解决 chrome 表单自动填充的问题
解决element的el-input 输入框浏览器自动填充账号密码问题

问题：浏览器自动填充input密码框相关推荐

阻止浏览器自动填充input密码框
1.最简单的方法,加一个属性autocomplete="new-password". <input type="text" placeholder=&qu ...
前端如何解决浏览器自动填充input输入框账号密码的问题
问题描述 [登录]子用户登录页面自动填充位置错误,本来主账号的账号密码,等切换到子账号登录页的时候,自动填充到了子账号的位置. 解决方案 <inputauto-complete="ne ...
禁止浏览器自动填充账号密码
登录页面常用,登录后浏览器自动填充账号密码,非常不安全,一般为了方便都设置记住密码功能. 解决方法: 方法一设置autocomplete为off,适用于普通文本框 <input type=&q ...
解决浏览器自动填充账号密码行为
这东西真的不是程序员的问题,但是没办法拿着别人的给的钱就必须解决. 如果你很急,就直接跳到最后一个看解决办法. 首先为什么会出现这种情况本人实验了三个浏览器360浏览器.火狐浏览器.谷歌浏览器(都是 ...
去除浏览器自动填充账号密码的几种方式
作为一个前端,经常在页面画好以后,发现不需要自动填充账号密码的地方会出现浏览器弹窗可以通过增加一个不显示的input 如果是element ui 可以使用 auto-complete="n ...
禁止浏览器自动填充input解决方案
网上找了很多禁止浏览器自动推荐input值的办法,推荐的方法有几种: 1.设置input的autocomplete="off" 2.设置input的autocomplete=&qu ...
解决 Element的el-input 密码输入框浏览器自动填充账号密码问题
问题描述通常情况下,浏览器会默认将已保存的账号密码填充到 input type 值为password的输入框内,如果在登录页面,这当然是非常好的,自动填充密码可以节约时间,提高良好的使用体验 ...
解决 el-input 密码输入框浏览器自动填充账号密码问题
通常情况下,浏览器会默认将已保存的账号密码填充到 input type 值为password的输入框内,如果在登录页面,这当然是非常好的,自动填充密码可以节约时间,提高良好的使用体验,这样当然 ...
前端不让浏览器自动填充账号密码
这篇文章挺详细的: https://blog.csdn.net/youand_me/article/details/79165227?utm_source=copy

问题：浏览器自动填充input密码框

问题

解决

方法1：

方法2：

问题：浏览器自动填充input密码框相关推荐

最新文章

热门文章