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

📅  最后修改于: 2021-10-29 06:15:07             🧑  作者: Mango

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

很棒的链接:

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

下面是上述方法的实现:

 
 
  

     
      
     

  
 
    
          
                                                 
                   
                                                 
                                                    Remember me      
      

输出:

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

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