最近前端这边遇到了一个问题,项目是 vue+element 写的,但是只要页面有 input 元素,那么页面的最后一个 input 都会出现浏览器认为这是个用户名输入框,点击会出现用户名密码选择,有些版本的 chrome 甚至还自动填充了第一个用户名.百度了下好像没有什么较好的方法,看的最多的就是多写一个隐藏的 input 来欺骗浏览器.
有没有大佬遇到过,是否可以通过 element 组件上的属性设置来规避?
比如下图的搜索框,浏览器也认为是用户名输入框...
input 渲染后的 html <input type="text" autocomplete="off" placeholder="搜索课程" class="el-input__inner">
 |
1
sayitagain OP 额!我似乎还没权限发图片网址...
|
 |
2
ss098 May 27, 2020
autocomplete 属性。
|
 |
3
ChanKc May 27, 2020 via Android
有可能是页面上这个 input 后面还有个 input 是密码输入
|
|
4
ChanKc May 27, 2020 via Android
做了个简单的测试，把一个 input password 放在紧跟在 input text 后面的隐藏的 div 里面（通常是个模态框），就会有这个情况
|
|
5
ChanKc May 27, 2020 via Android
解决办法也很简单，用<form>代替你的<div>，用 form 严格区分不同的表单
|
|
6
sayitagain OP @ChanKc form 我一会让前端试试看
|
|
7
sayitagain OP @ss098 chrome 是不会管这个属性的.
|
Select Language