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
            

                
              
                
            
  
            

                
              
                
            
  
            

                
              
                
            
        
    

  

输出：

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。

CSS 是网页的基础，用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。