如何在 HTML 中隐藏密码？

隐藏密码通常称为密码屏蔽。当用户通过使用子弹（•）的输入，它就隐藏密码字符，星号（*），或一些其他字符。

使用密码屏蔽来确保安全并避免其误用始终是一个好习惯。通常，密码屏蔽有助于在投影屏幕时隐藏任何用户的字符，从而不会公开密码。

在本文中，我们将学习使用 HTML 隐藏密码。

方法：

方法一：使用输入类型=“密码”

例子：

HTML

  

    

  

    
GeeksforGeeks
  
    Hiding password
  
    

         Username: 
        
  
        


         Password: 
        
              
        


          Submit
    

  

输出：

方法二：使用input type = “text”

• 这种方法不是很受欢迎，在这种方法中，我们只是将文本伪装成我们自己选择的一些字符。
• 此方法缺乏安全性，仅推荐用于使用其他字符（如正方形、圆形等）进行密码屏蔽。

  1. 对于 Squares： -webkit-text-security: square

  2. 对于圈子： -webkit-text-security: circle

例子：

HTML

  

    

  

    

         Username 
        
        


  
         Password 
        
        

  
         Password 
        
        


          
        Submit
    

  

输出：