会自动回填用户名和密码
最初代码是这样写的,发现了会回填用户名和密码。
并且还回填了其他input框(穿梭框)- 使用 show-password 属性即可得到一个可切换显示隐藏的密码框[elementui 提供的属性]
复制代码- 原生属性 autocomplete: 属性值为 off / on 。
- "on": 允许浏览器自动填充该字段
- "off": 禁止浏览器自动填充该字段
- 此外,HTML5还引入了一系列更具体的值,例如:
- "new-password": 新密码(浏览器可能会建议一个强密码)。可以处理浏览器回填用户密码
- "current-password": 当前密码
- 上面这2个非常有用。
- "name": 全名
- "given-name": 名字
- "family-name": 姓氏
- "email": 电子邮件地址
- "username": 用户名
- "street-address": 街道地址
- "postal-code": 邮政编码
- "country": 国家
复制代码-
- <el-form-item label="用户名称" prop="authUser">
- <el-input v-model="ruleForm.authUser" autocomplete="off" :placeholder="请输入用户名" />
- </el-form-item>
- <el-form-item :label="密码" prop="authPwd">
- <el-input v-model="ruleForm.authPwd" show-password autocomplete="off" placeholder="请输入用密码" />
- </el-form-item>
-
复制代码
不让浏览器自动回填
- autocomplete="new-password"
复制代码-
- <el-form-item label="用户名称" prop="authUser">
- <el-input v-model="ruleForm.authUser" autocomplete="off" :placeholder="请输入用户名" />
- </el-form-item>
- <el-form-item :label="密码" prop="authPwd">
- <el-input v-model="ruleForm.authPwd" show-password autocomplete="off" placeholder="请输入用密码" />
- </el-form-item>
-
复制代码
微信 本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |