admin管理员组

文章数量:1579446

解决谷歌浏览器form表单自动填充

  • 前言
    • 取消谷歌浏览器form表单的填充
    • Promise的理解和用法
    • 基于vue-element前端开发时，修改element-ui组件的样式
    • 不说再见

前言

时间如白驹过隙，转瞬即逝，转眼间离上次写博客也长达八个月之久了。在这与同学分开的八个月时间，我的生活也算时而成佛时而封魔了，（然而到这里我就默默的念叨一句“老司机们别想歪了呀，不是那啥前如魔，那啥后成佛，具体情况我也描述不出来，只能说生活终于还是对我下手了”！！）不过最终还算功德圆满，有幸成为了一位前端工程师。学了三年半java后端，以及实习了半年Android及全栈的我，最后居然去做前端了，也算是人生的一大转折了。基于目前基础太差，所以记录一些前端基础知识咯，方便自己的同时也想着能帮助他人，我也知道有bug的感觉是怎样的，反正不好受。虽然标题只是解决谷歌form表单的填充，but！！后面还有ES6 新特性Promise用法，以及基于vue-element手脚架的组件样式的修改。

取消谷歌浏览器form表单的填充

首先我来给大家科普一下下，谷歌for表单填充的出发条件，一般情况是由type=“text”后面接着出现type=“password”两个表单同时出现引起的，但是肯定有例外咯，嘻嘻，其实我也不知道例外的规律是什么，反正它就是要给你填，你又不能把它怎么样了，只能从 自己的代码下手咯，解决方案，两种方式：

  1. 第一种，在你的表单上面添加两个表单类型为text，password，隐藏之，直接上代码。重点在于visibility: hidden
    <input type="text"  name="username" style="height:1px; visibility: hidden" autocomplete="off"/>
    <input type="password" name="password" style="height:1px; visibility: hidden" autocomplete="off"/>

2.第二种，设置input里面的auto-complete=“off”属性，还是上点代码咯，直观一点。这里有两点需要强调，第一点：auto-complete和autocomplete这两个，谁管用就用哪个，别问，我也不知道为啥，第二点：要是同时解决text类型下面接着password类型的表单，则需要在password类型的表单中使用auto-complete=“new-password”。

   <el-input
        ref="phonenumber"
        v-model="loginForm.phonenumber"
        placeholder="请输入手机号"
        name="phonenumber"
        type="text"
        tabindex=&

本文标签： 表单浏览器Form

版权声明：本文标题：解决谷歌浏览器form表单自动填充 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727851511a1133624.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。