如何将 Font Awesome 图标放置到输入字段？

在您的表单中放置 Font Awesome 图标是一个创新的想法，它将引起对您网站的关注。就像将 Font Awesome 图标放在任何按钮上一样简单。 标签和标签被广泛用于在网页上添加图标。要在网页上添加任何图标，它需要 head 部分内的 font-awesome 链接。 font-awesome 图标可以通过在图标名称前使用 fa 前缀来放置。

很棒的链接：

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

示例：在此示例中，我们将采用需要输入字段的表单。之后，我们将把字体很棒的图标放在输入字段中。我们将使用 CDN 链接来使用字体很棒的图标。在输入字段之后，我们将放置我们的图标。然后在 CSS position 属性的帮助下，我们将图标放置在输入字段上。

下面是上述方法的实现：

 
 
  

     
      
     

  
 
    
 
        

            Username 
             
            
        
          
        

            Password 
             
            
        
     
          
        Login 
        
                Remember me 
    
 
 
  

输出：

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

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