禁止浏览器自动填充密码,用户名的问题

最近在项目中遇到一个问题,系统管理员在页面添加普通用户时候,浏览器会在用户名和密码框自动填充当前登录用户名和密码,在网上搜索很多,找到几种办法,亲测第三,四种方法有效,建议使用第四种

方法一:设置autocomplete=‘off’,适用于普通文本框

//用户名
<input type="text" autoComplete="off" name='name'/>

方法二:设置autocomplete=‘new-password’，适用于密码输入框

//密码
<input type="password" autoComplete="new_password" name='password'/>

方法三:设置autocomplete=‘off’,在input上面各加上一个隐藏的input,type设置成text,点击后改成password,但是容易造成表单提交时候数据混乱的问题,需要看一下js是否处理了提交数据,根据ID或者class取值,而不是根据name取值.

//密码
<input type="text" name="name" style="display: none"/>
<input type="text" name="username" AUTOCOMPLETE="off" /><input type="password" style="display: none"/>
<input type="text" name="password" AUTOCOMPLETE="off" onfocus="this.type='password'" />

方法四:将input的属性设置成只读,onfocus函数,当点击input时候将只读属性去掉

//用户名
<input type="text" readonly onfocus="this.removeAttribute('readonly');" name="username" />
//密码
<input type="password" readonly onfocus="this.removeAttribute('readonly')" name='password'/>

禁止浏览器自动填充密码,用户名的问题相关推荐

禁止浏览器自动填充密码框密码
<INPUT id="passWord" class="ipt" type="password" οnfοcus="cha ...
去除浏览器自动填充密码功能
去除浏览器自动填充密码功能去除浏览器自动填充密码功能去除浏览器自动填充密码功能在项目开发中,遇到这样一个问题,前端显示后端一个机密数据时,使用了<input type = 'passwor ...
禁止浏览器自动填充账号密码
登录页面常用,登录后浏览器自动填充账号密码,非常不安全,一般为了方便都设置记住密码功能. 解决方法: 方法一设置autocomplete为off,适用于普通文本框 <input type=&q ...
如何禁止浏览器自动填充
本文由 Deguang 发表于码路-技术博客浏览器的保存账户密码功能,给我们带来了很大的便利,但是在有些情况下,我们并不希望浏览器帮我们填充一些表单,然而autocomplete的一些参数项并不能 ...
禁止浏览器自动填充input解决方案
网上找了很多禁止浏览器自动推荐input值的办法,推荐的方法有几种: 1.设置input的autocomplete="off" 2.设置input的autocomplete=&qu ...
如何避免浏览器自动填充密码
问题: 现在的浏览器都可以保存用户的账号密码信息,在需要输入账号密码时自动填充账号密码,但是在在有些场景我们不想它自动填充(比如注册账号的页面). 解决方法: 浏览器是根据输入框的类型做判断是否填充的 ...
取消chrome浏览器自动填充密码功能-autocomplete
在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的input表单的type类型必然时password. 例如 <input type="password" ...
怎么禁止浏览器自动保存密码?
背景:有时不是记住密码就方便,有时是记录了反而不好,不安全呵. 1)首先大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取" ...
怎么禁止浏览器弹框记住/保存密码及不自动填充密码
一.本文解决的问题: 1.不会在浏览器弹框提示保存密码 2.用户名和密码框不自动填充已保存的信息 3.单击用户名框时不下拉选择历史输入过的信息测试浏览器:IE,谷歌,火狐二.现象及问题: 1.登录 ...

禁止浏览器自动填充密码,用户名的问题

禁止浏览器自动填充密码,用户名的问题相关推荐

最新文章

热门文章