zoukankan      html  css  js  c++  java
  • 防止浏览器记住用户名及密码的简单实用方法

    很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码。

    如何设置能禁止浏览器自动保存表单信息,比如用户名,密码?
    现在很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码?

    1、针对浏览器记住密码
    1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取“动态设置密码域”的方法:
    复制代码 代码如下:

    <input type="text" name="password" onfocus="this.type='password'" />
    

      

    解释:当这个文档框获取焦点时才将其变成密码域,这样浏览器就不会记住密码,当然为了更加完善,还可以把autocomplete="off"属性也加上。
    2).在onload事件,把密码框的值清空,即:
    复制代码 代码如下:

    <script language="javascript"> 
    window.load = function(){ 
    document.getElementById('密码域ID').value=''; 
    }; 
    </script>

    3).页面采用https协议,因为https是不会对表单进行保存信息的。
    4).采用flash做登录表单,这种情况浏览器也不会记录表单信息。
    5).再来个变态的好了,就是可以把type="password"改成type="text",因为type不是password就不会出现记住密码功能,然后设置一个变量如:var val=""或者是设置一个隐藏域<input type="hidden" name="val">,最后用onpropertychange把密码换成一行圆点,并把值赋给val,提交时再把val的值还原回去,由于效果和*号一样。 用户是看不出来的。

    2、针对有些浏览器插件的自动填表功能
    这个就比较麻烦了,我想这种情况应该是插件记住表单域name的值,然后再进行填表,这种情况,我觉得可以在页面加载时动态更改name的值,当提交表单的时候再把表单的值组合成正确的对应值再提交。这个没有经过验证,只是我个人的想法。你可以试试

    如果以上这些方法还满足不了你,那我也没办法了。

    建议:
    试一下把对应域名下的cookie清掉,浏览器应该是根据cookie来记住用户名密码的。
    (不是的,有的浏览器是在你提交表单后,根据你提交的值来记住的)
    (对的 有些浏览器不记录在COOKIE 这个比较头疼 顺便问下INPUT里输入过的值如何清除?我希望能像银行的那样 输入过的值不再出现)
    浏览器记住密码的实现方式就是通过寻找type为password的input输入框,然后前边一个输入框就作为用户名记住。所以解决这个问题的办法就是在用户名input和密码input之间增加一个type为text的输入框设置css属性display为none。

  • 相关阅读:
    vue项目中实现定时刷新页面(重新渲染数据实时更新)
    如何撤销 Git commit ?
    error: You have not concluded your merge (MERGE_HEAD exists)
    ajax的前世今生
    DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/sockjs-client/
    Vue 项目如何配置代理解决跨域
    Nginx 到底是什么东西?
    JSON.parse()与JSON.stringify()的区别
    uni-app 中如何管理用户登录状态
    Oracle分析函数简析
  • 原文地址:https://www.cnblogs.com/myfate/p/10830389.html
Copyright © 2011-2022 走看看