web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案

1

====================================================================

• 密码输入位置默认为input=“text”。

• 在输入框上添加 οnfοcus=“this.type=‘password’” 输入框获得焦点时改变输入框格式为密码框

• 输入密码

• 在提交前清空输入框密码，并修改密码框为文本框。（我的提交为发生Ajax提交，可根据自己实际情况进行调整，或者情况密码之后，将值保存在一个隐藏域中，再提交表单）

2

---

谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了

3 简单粗暴

---

既然type = ‘password’会记住密码，那我们就设置为text就好了

<el-input

id=“password”

v-model=“form.loginpassword”

placeholder=“请输入登录密码”

type=“text”

maxlength=“20”

<i class=“eye el-icon-view” @click=“show”>

show() {

this.isShow= !this.isShow;

this.setPwdTypetext(‘password’, this.isShow, this.form.loginpassword);

},

setPwdTypetext(id, show, val) {

let len = val ? val.length : 0;

最后

全网独播-价值千万金融项目前端架构实战

从两道网易面试题-分析JavaScript底层机制

RESTful架构在Nodejs下的最佳实践

一线互联网企业如何初始化项目-做一个自己的vue-cli

思维无价，看我用Nodejs实现MVC

代码优雅的秘诀-用观察者模式深度解耦模块

前端高级实战，如何封装属于自己的JS库

VUE组件库级组件封装-高复用弹窗组件