问题(05)elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框

问题描述

el-input,非密码框,在输入时,

  • 问题1: 浏览器自动填充用户名密码。
  • 问题2:右边显示浏览器历史密码提示框。

问题解决

问题1:使用auto-complete="new-password"

html 复制代码
<input type="text" placeholder="" class="custom_input" auto-complete="new-password" />

问题2,在证件号输入框后面在添加一个el-input框,并给新input框设置classs属性custom_input

html 复制代码
<input type="text" placeholder="" class="custom_input" auto-complete="new-password" />
css 复制代码
.custom_input {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	padding: 0;
	border: none;
}
相关推荐
计算机软件程序设计6 分钟前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
指尖时光.8 分钟前
【前端进阶】01 重识HTML,掌握页面基本结构和加载过程
前端·html
前端御书房11 分钟前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder26 分钟前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式
晚安72033 分钟前
idea添加web工程
java·前端·intellij-idea
零凌林2 小时前
vue3中解决组件间 css 层级问题最佳实践(Teleport的使用)
前端·css·vue.js·新特性·vue3.0·teleport
糟糕好吃2 小时前
用二进制思维重构前端权限系统
前端
B站计算机毕业设计超人2 小时前
计算机毕业设计SpringBoot+Vue.jst0甘肃非物质文化网站(源码+LW文档+PPT+讲解)
java·vue.js·spring boot·后端·spring·intellij-idea·课程设计
拉不动的猪2 小时前
刷刷题17(webpack)
前端·javascript·面试