admin管理员组文章数量:1579347
解决谷歌浏览器form表单自动填充
- 前言
-
- 取消谷歌浏览器form表单的填充
- Promise的理解和用法
- 基于vue-element前端开发时,修改element-ui组件的样式
- 不说再见
前言
时间如白驹过隙,转瞬即逝,转眼间离上次写博客也长达八个月之久了。在这与同学分开的八个月时间,我的生活也算时而成佛时而封魔了,(然而到这里我就默默的念叨一句“老司机们别想歪了呀,不是那啥前如魔,那啥后成佛,具体情况我也描述不出来,只能说生活终于还是对我下手了”!!)不过最终还算功德圆满,有幸成为了一位前端工程师。学了三年半java后端,以及实习了半年Android及全栈的我,最后居然去做前端了,也算是人生的一大转折了。基于目前基础太差,所以记录一些前端基础知识咯,方便自己的同时也想着能帮助他人,我也知道有bug的感觉是怎样的,反正不好受。虽然标题只是解决谷歌form表单的填充,but!!后面还有ES6 新特性Promise用法,以及基于vue-element手脚架的组件样式的修改。
取消谷歌浏览器form表单的填充
首先我来给大家科普一下下,谷歌for表单填充的出发条件,一般情况是由type=“text”后面接着出现type=“password”两个表单同时出现引起的,但是肯定有例外咯,嘻嘻,其实我也不知道例外的规律是什么,反正它就是要给你填,你又不能把它怎么样了,只能从 自己的代码下手咯,解决方案,两种方式:
- 第一种,在你的表单上面添加两个表单类型为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表单自动填充 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1727851511a1133624.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论