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'这个属性也一定不能忘;
     
     
     
  • 相关阅读:
    JS框架设计读书笔记之-选择器引擎02
    JS框架设计读书笔记之-选择器引擎01
    JS框架设计读书笔记之-小知识
    JS框架设计读书笔记之-函数
    JS框架设计读书笔记之-核心模块
    7.19 NOIP模拟6
    一 网络基础之网络协议篇
    Socket 网络编程
    Python 常用模块
    类的特殊成员
  • 原文地址:https://www.cnblogs.com/chenjiangyang/p/11590724.html
Copyright © 2011-2022 走看看