layui 解决浏览器自动填充form表单账号和密码输入框的问题

摘要:
使用js清除输入值是无效的,因为浏览器在执行js后会填写帐户密码。浏览器将自动找到要自动填写的第一个输入框和最后一个密码框。我们可以在其中添加一些假密码框,使其无法自动填写。解决方案:添加false这是一种常规方法。因为我在使用Layui,所以仍然存在一些不友好的问题。单击后,最终解决方案将自动填充:

layui 解决浏览器自动填充form表单账号和密码输入框的问题第1张

用js去清除input的value值是无效的,因为浏览器填充账号密码的动作是在js执行完之后发生的。

浏览器会自动寻找第一个输入框和最后一个密码框自动填充,我们可以给它添加一些假的密码框,让其无法自动填充。

解决办法:

在自己的input框前后添加假的<input type="password" />

<input type="password"style="0;height:0;float:left;visibility:hidden"/>                                                                                                 
     <input type="password"style="300px;"name="myPassword"id="myPassword"lay-verify="myPassword"autocomplete="off"class="layui-input">
 <input type="password"style="0;height:0;float:left;visibility:hidden"/>

这个是使用于一般情况下的方法。

由于我使用的是layui采用该方法还是会出现一些不友好的问题

layui 解决浏览器自动填充form表单账号和密码输入框的问题第2张

点击之后依旧会自动填充

最终解决方法:

<input type="text"oninput="if(this.value==''){this.type='text'}else(this.type='password')" /> 
                  
<input type="password"style="display: none;"/>

免责声明:文章转载自《layui 解决浏览器自动填充form表单账号和密码输入框的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Ubuntu18修改hostname重启后恢复原始设置的解决方法excel中if函数的用法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

网站开发常用技巧收集(防复制,防另存等等)

1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" 用于Table <table border oncontextmenu=return(false)><td>no</table> 2. 取消选取、防止复制 <body onselectstar...

从零开始的野路子React/Node(9)Antd + multer实现文件上传

最近心血来潮,打算自己捣腾个web app来练练手(虽然大概率会半路弃坑……),其中有一部分是关于文件上传的,在实现的过程中遇到了一些坑,于是打算把血泪教训都记录下来。 前端的部分采用了Antd,不得不说真是香,至少比我司内部的前端库香了1000倍……事半功倍。后端部分则主要通过multer来实现,目测应该是一种比较通用的做法? 1、捯饬前端 首先我们新建...

Android查询:模拟键盘鼠标事件(adb shell 实现)

1. 发送键盘事件: 命令格式1:adb shell input keyevent “value” 其中value以及对应的key code如下表所列: KeyEvent Value KEYCODE Comment 0 KEYCODE_UNKNOWN 1 KEYCODE_MENU 在SDK2.1的模拟器中命令失效,sendevent命令可行...

利用javascript实现 HTML 页面间传参数

单纯的html页面是无法实现跨页面传值的,必须依靠js来解决。下面的例子,从a页面输入001搜索,b页面显示搜索的结果: a.html code 1 2 3 4 5 6 <form method="get" action="b.htm"> <input type="text" name="uid"> <br/>...

el-form 表单校验

<el-form ref="dataForm" :model="dataForm" :rules="rules" label-width="60px" @keyup.enter.native="dataFormSubmitHandle()"> <el-form-item prop="name" label="姓名"> &...

五分钟彻底学会iptables防火墙--技术流ken

iptables简介 IPTABLES 是与最新的 3.5 版本 Linux内核集成的 IP 信息包过滤系统。如果 Linux 系统连接到因特网或 LAN、服务器或连接 LAN 和因特网的代理服务器, 则该系统有利于在 Linux 系统上更好地控制 IP 信息包过滤和防火墙配置。 iptables 组件是一种工具,也称为用户空间(userspace)...