zoukankan      html  css  js  c++  java
  • 如何让chrome浏览器不弹出记住密码且不填充用户名和密码

     在项目开发的过程中chrome浏览器会记住用户注册和登录的信息,并自动填充进去,进而会影响用户信息泄露与使用;chrome浏览器会检查你的input输入框的 type 是否等于 password ;如果是,在点击登录的时候回弹出记住账号与密码,选择记住后,下次在登录或注册时会自动填充;

     一. 防止自动填充

       1 . 隐藏欺骗法

           <input name = "username" type = "text" style = "display:none;" />
           <input name = "password" type = "password" style = "display:none;" />
          注: 新加两个input放在前面,并设置隐藏,chrome浏览器会填充上面两个,但是被隐藏了就不会造成影响;
     
    2. 属性设置法
            <input  
                type="password"  
                name='password'  
                autocomplete="new-password">
         注: 重点是 autocomplete="new-password" 这个属性,原先尝试过 autocomplete="off" 发现不起作用,
     
    二. 防止用户在点击注册后自动弹出保存密码的弹框;
           <input
               type="password"
               autocomplete="off"
               readonly 
               onfocus="this.removeAttribute('readonly');">
       注: 在input输入框设置只读属性 readonly ; 并在input获得焦点的时候移除只读属性,用户在点击注册的时候,就会是否记住密码的弹框了, autocomplete='off'这个属性也一定不能忘;
     
     
     
  • 相关阅读:
    C# Nest客户端查询es字段为空的语句
    Nuget 包还原成功,但引用异常
    ES7.2 安装问题
    elasticsearch 子节点有Unassigned Shards处理方法 和 failed to obtain in-memory shard lock
    rabbitmq修改日志级别
    C# NEST terms
    ES create index template
    Servicestack + Exceptionless本地部署
    live-server的使用
    处理cnpm控制台运行无反应(干瞪眼 就是不动)
  • 原文地址:https://www.cnblogs.com/chenjiangyang/p/11590724.html
Copyright © 2011-2022 走看看