📜  如何防止浏览器记住 HTML 中的密码?

📅  最后修改于: 2021-11-10 03:58:16             🧑  作者: Mango

当我们在该浏览器中使用该特定网站时,浏览器会记住第一次通过网站上的<输入字段提交的信息。因此,当我们再次通过该浏览器在该网站上提交数据时,会在该字段中显示提交值的建议列表。很多时候,这可能会在许多情况下产生安全问题。

方法一:已知的方法之一是使用自动完成属性来防止浏览器记住密码。在输入字段中,如果我们定义autocomplete=”off”那么很多时候浏览器不会记住输入值。

句法:

示例:在许多情况下,如果我们不使用autocomplete=”off”属性,那么浏览器会为我们提供输入字段的建议,如下所示

这是密码字段,但我们也得到了除密码之外的其他字段的建议,如下所示,

为了防止这种事情使用autocomplete=”off”属性。看下面的代码,

示例 1:



  

    
           

            Preventing Password remember         

                    
               User Name :             

               Password:             

                                    
    
  

输出:

现在,没有给出字段的建议。

在许多现代浏览器中,此属性不起作用。所以,在这种情况下,如果我们在输入字段下再使用一个东西,那么这个问题就可以解决了。

这里, readonly属性设置或返回一个布尔值,如果字段是只读的,或者不是,只读字段不能被修改。

示例 2:



  

    
           

            Preventing Password remember         

           
            User Name :             

                           Password:             

                                                 
    
  

输出:

方法 2:现在我们可以使用另一种方法来删除密码,以及表单中的其他值。这些值以 cookie 的形式存储在浏览器中,因此如果 cookie 被删除,那么密码以及其他值也会被删除。所以我们只需要添加一个函数来删除cookies。
例子:


  

    

  

    
        

            Preventing Password remember         

           
            User Name :             

               Password:             

                                                                              

        
    
  

输出:

方法三:另一种防止浏览器记住密码的方法是,使用autocomplete=”new-password” ,这样浏览器会在以任何形式填写密码字段时给出随机密码建议。所以实际密码不会保存在浏览器中。浏览器会隐藏实际密码并始终显示 rand 建议。

例子:


  

    
        

            Preventing Password remember         

           
            User Name :             

                           Password:             

                                                 
    
  

输出: