CSS 将图标放在表单中的输入元素内

为了在 input 元素内添加图标， 标签和标签被广泛用于在网页上添加图标。要在网页上或某些特定区域添加任何图标，它需要 head 标签内的 fontawesome 链接。 fontawesome 图标可以通过在图标名称前使用 fa 前缀来放置。

fontawesome 链接： https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
注意：无需下载或安装。

示例 1：

  

    
    

  

    

      Icons inside the input element
  
    

        

            
            
            
            
            
            
            
            
            
            
        
  

  

输出：

示例 2：

  

    
    

  

    
        

            
GeeksforGeeks
            

                
              
                
            
  
            

                
              
                
            
  
            

                
              
                
            
        
    

  

输出：