900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > form表单禁止浏览器自动填充密码

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

时间:2020-04-18 03:28:20

相关推荐

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

因为用户修改密码的时候,谷歌浏览器、edge等浏览器,总是自动将保存的密码填充到重置密码输入框中,给用户使用带来困扰。原因是因为你在登录的时候选择记住了账号和密码了,所以就会把信息存在浏览器里面,当你在修改密码的时候,由于form表单的type="password"所以浏览器会自动提示记住的账号密码。

案例一、

如下图所示:

网上一搜怎么解决方法一大堆无非就是那2个,

1. 把autocomplete="off"改为autocomplete="new-password"真的好使吗?实话就是 el-input 确实不好使。

2. 把 type="password" 改为type="text" 然后加:readonly="oldReadonly" @focus="handlerOldPwdClick"

handlerOldPwdClick() { this.oldReadonly = false },

实话就是不太行,我试着把this.oldReadonly = true了,短暂的输入框输不了值了,但是那个提示确实没了,但是不行,不能不让输入值啊。此方法不行。

正确的解决方法如下:

先上效果图吧:

先说具体实现的方法:

1. 监听输入的时候的值:默认把输入的值转成:.replace(/\S/g, ●) 很多个 ● 来显示

2. type改为 text

3.点击右侧小眼睛控制:显示 、隐藏

html代码如下:

<el-form-item label="旧密码" prop="password"><el-inputid="oldPwd"v-model="fromData.password"type="text"name="pwd"style

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。