禁掉浏览器自动填充

理论上用 autocomplete = "off"就可以,但实际上并不起作用。验证之后做法如下:

1、添加

<div>
    <input type="text" style="display:none">
    <input type="password" style="display: none">
</div>

  理论是浏览器是根据text和password填充密码的,所以搞个隐藏的给他填

但是,添加之后发现Chrome点击用户名时不会填写用户名and密码了,但点击密码框还是会填充,所以在添加以下代码:

在书写的时候密码框type="text":

<input type="text" id="password">

然后在js中添加:

$("#password").on("focus", function() {
    $(this).attr("type", "password");
});

  

时间: 2024-11-06 18:02:48

禁掉浏览器自动填充的相关文章

避免浏览器自动填充表单的解决方式

以前在做项目的时候遇到过这个问题,当时年少太轻狂,没有想过是为什么会发生这样的问题,只觉得作为一个用户,每次在登录网站的时候很有用,很便捷,甚至觉得这个自动填充功能,嗯, 真棒!但是,这次又遇到了这个问题,我不禁陷入了沉思...为什么会有自动填充呢?为什么会变成黄色框框呢?作为一个开发者,在我不需要它自动填充的时候,它真的,很碍事! 于是乎~各种谷歌百度,试了一堆方法,终于让我解决了这个问题!!! 首先,在浏览器有点击过记住密码的操作的前提下,在直接写两个input,type分别等于text和p

chrome浏览器自动填充失效问题

现在浏览器带有自动填充,一般在input标签中增加autocomplete="off" 可以进行控制,off代表不填充,on代表填充,这个属性也可以放在form标签中,对所有的input标签生效. 但是在某些浏览器上autocomplete="off"会失效,不起作用,本人经过chrome的实际测试发现可以增加一个input这个input的type必须是password,style="display:none",是的将这个放在form里作为第一个

如何禁止浏览器自动填充

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

前端开发入门到实战:css实现修改浏览器自动填充表单的默认样式

当表单中存在input[password]的时候,采用submit方式提交.就会触发浏览器自动填充表单.比如chrome自动填充后,淡×××输入框代替了背景样式,看起来有些怪异. ?那么如何通过css实现取消浏览器自动填充表单的默认样式呢? 解决方法一: 当input文本框是纯色背景的,可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的×××背景:如: input:-webkit-autofill { -webkit-box-shadow: 0 0

web前端入门到实战:css实现修改浏览器自动填充表单的默认样式

当表单中存在input[password]的时候,采用submit方式提交.就会触发浏览器自动填充表单.比如chrome自动填充后,淡慌色输入框代替了背景样式,看起来有些怪异. 那么如何通过css实现取消浏览器自动填充表单的默认样式呢? 解决方法一: 当input文本框是纯色背景的,可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的慌色背景:如: web前端开发学习Q-q-u-n: 767273102 ,分享学习的方法和需要注意的小细节,不停更新最新

一行代码,阻止浏览器自动填充密码

使用Chrome.Firefox,还有360和搜狗等浏览器,在某个网站进行提交表单的操作时,浏览器会提示是否保存密码 如果选择了保存密码,之后在浏览这个网站的任何一个有密码输入框的的表单时,浏览器会把上次保存过的账号和密码自动填入到表单中,输入框的背景变成黄色 只是登录页面自动填充的话倒没有什么问题,但是网站任何一个地方的表单都会自动填充,这就会带来很多不必要的麻烦,比如注册页面:如果表单涉及到资金方面的数据提交,可能会给用户不安全的感觉.       如果你是一个前端工程师,可能会想屏蔽浏览器

禁用浏览器自动填充表单解决办法

我们知道一般浏览器自动为我们填充用户名密码,单身有的时候我们不需要,那么要怎么做呢? 当你设置属性autocomplete=“off”后会发现然并卵,那么我们就自己动手写js搞定他,实现如下: js全局变量: var pw;//密码框 var un;//用户名框 var pwName;//密码框名称 var unName;//用户名框名称 在页面ready事件里面写 -------------- pwName = pw.attr("Name"); unName = un.attr(&q

阻止360浏览器自动填充表单

if( window.chrome && window.chrome.webstore && Object.keys(window.chrome.webstore).length < 3 ){ //判断是否360浏览器 $(':text', ':password').each(function(){ //遍历不需要自动填充的元素 //复制该元素(this.outerHTML)并添加到后面,然后隐藏该元素并置name属性为空 //只能隐藏而不能使用remove方法去除该

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

用js去清除input的value值是无效的,因为浏览器填充账号密码的动作是在js执行完之后发生的. 浏览器会自动寻找第一个输入框和最后一个密码框自动填充,我们可以给它添加一些假的密码框,让其无法自动填充. 解决办法: 在自己的input框前后添加假的<input type="password"style="width:0;height:0;float:left;visibility:hidden"/> <input type="pass