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

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

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

解决办法:

  在自己的input框前后添加假的<input type="password"style="width:0;height:0;float:left;visibility:hidden"/>

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

原文地址:https://www.cnblogs.com/lxk233/p/9237401.html

时间: 2024-08-07 13:06:03

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

浏览器行为:Form表单提交

1.form表单常用属性 1 2 3 4 action:url 地址,服务器接收表单数据的地址 method:提交服务器的http方法,一般为post和get name:最好好吃name属性的唯一性 enctype: 表单数据提交时使用的编码类型,默认使用"pplication/x-www-form-urlencoded",如果是使用POST请求,则请求头中的content-type指定值就是该值.如果表单中有上传文件,编码类型需要使用"multipart/form-data

jquery自动将form表单封装成json的具体实现

前端页面:<span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th&

Vue+element 解决浏览器自动填充记住的账号密码问题

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码, 自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我控制,下面是解决方案: 解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详... 原文地址:https://www.cnblogs.com/jun-qi/p/11002850.html

Chrome 自动填充的表单是淡黄色的背景怎么办!

chrome浏览器自动填充表单的黄色背景高亮(#FAFFBD)一直困扰着我,我之前没想着理它,可是最近一个登陆框,需要用到图标,于是我草率的直接设置在input元素里面,结果问题就来了,很难看很难看,因此还是总结一下. 这个问题,在2008年的时候就已经存在了,隔了好几年了,在chromium上面可以找到 Issue 46543,但是官方好像没有理这个问题,英文没怎么看懂,谁理解的,可以给大家分享一下. 思路一: 打补丁 Webkit内核的浏览器有一个-webkit-autofill私有属性,

[Debug]IOS微信浏览器不支持form表单的target=_blank

测试代码如下 1 <?php 2 echo '<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">'; 3 if(!empty($_POST)){ 4 echo "<pre>"; 5 print_r($_POST); 6 exit; 7 } 8 if(!empty

Chrome 自动填充的表单是淡黄色的背景,有方法自定义吗

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

如何禁止浏览器自动填充

本文由 Deguang 发表于 码路-技术博客 浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而autocomplete的一些参数项并不能阻止浏览器回填,这里我们来看下如何解决这个问题. 问题描述: 项目注册部分的表单有三项,分别为手机号.验证码和密码,当完成注册操作后,浏览器提醒是否保存密码,用户名部分显示的是验证码,点击保存后,打开登录页面,手机号和密码项被分别填充为了验证码和密码,给用户带来了一定的不便. 解决过程: 1. 第一

Struts(十四):通用标签-form表单

form标签是struts2标签中一个重要标签: 可以生成html标签,使用起来和html的form标签差不多: Strut2的form标签会生成一个table,进行自动布局: 可以对表单提交的值进行回填:从栈顶对象开始配置属性,并把匹配的属性值赋到对应的标签value中,若栈顶对象没有对应的属性,则依次向下栈中找对应的属性. 为什么form标签可以实现填充form表单? 示例:写一个这样的form页面,提交form页面后跳转到自身页面 form-tags.jsp页面: <%@ page lan

form表单提交数据编码方式和tomcat接受数据解码方式的思考

http://blog.sina.com.cn/s/blog_95c8f1ac010198j2.html ******************************************************* form有2中方法把数据提交给服务器,get和post,分别说下吧. (一)get提交 1.首先说下客户端(浏览器)的form表单用get方法是如何将数据编码后提交给服务器端的吧. 对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost: