Spectre Forms 表单图标

Spectre Forms 表单图标用于在表单中包含图标。在 Spectre Forms 组件中，我们有一个 icon.css 用于在表单字段中包含图标。我们可以根据需要将它们向左或向右对齐。我们只需要在输入字段中添加 form-icon 以包含所需的图标。

表格表格图标类：

• form-icon：该类用于在输入字段中包含图标。
• has-icon-left：该类用于将图标放置在输入字段的左侧。
• has-icon-right：该类用于将图标放置在输入字段的右侧。

句法：

设置图标的对齐方式：

 ....

要设置所需的图标：

HTML


 

    
    
    
    

 

    
        
GeeksforGeeks
        SPECTRE Forms Form icons Class
        

    
    
                   
        Email Id:
          

              
               
          
        
            Download
            
        
        
               
        
    

 

输出：

参考： https ://picturepan2.github.io/spectre/elements/forms.html#forms-icons