📜  布尔玛表格插件

📅  最后修改于: 2022-05-13 01:56:23.354000             🧑  作者: Mango

布尔玛表格插件

在本文中,我们将看到 Bulma 表单插件。 Bulma Form 提供了可以与字段容器一起使用的插件控件。 Bulma 仅提供 3 个要添加的插件,即输入、按钮和带有表单字段容器的下拉菜单。以下是用于附加表单插件的类。

Bulma Form 插件类:

  • has-addons:此类用于在表单字段中添加附件控件或插件。
  • is-static:此类用于使按钮本质上是静态的。
  • is-expanded:此类用于在表单字段中全宽填充输入字段。
  • is-fullwidth:此类用于在表单字段中全宽填充下拉字段。
  • has-addons-centered:这个类用于在中心对齐插件。
  • has-addons-right:这个类用于右对齐插件。

句法:

  • 简单的插件

  • 全宽输入字段或下拉菜单

    ....
  • 全宽下拉菜单

    ....

示例:下面的示例演示了所有插件类。

HTML


  

  
  
  
  GFG
  

  

  
    

GeeksforGeeks

    

Bulma form addons

            
             
               
      
                   Find                
    
            
             
                                   
      
               
      
                   Add                
    
            
             

               

         

                   CS Only                

       
            
             
                                   
      
               
      
                   Add                
    
            
             
        
                   
      
      
                   Add                
    
            
             
                                   
      
               
      
                   Add                
    
       
             
                                   
      
               
      
                   Add                
    
       
             
                                   
      
               
      
                   Add                
    
  
  


输出:

布尔玛表格插件

布尔玛表格插件

参考: https ://bulma.io/documentation/form/general/#form-addons