📜  布尔玛形式集团

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

布尔玛形式集团

在本文中,我们将看到 Bulma 表单组。 Bulma 允许用户将表单字段组合在一起。下面是用于将表单字段分组在一起的不同类。

布尔玛形式组类:

  • is-grouped:该类用于对表单控件进行分组。
  • is-grouped-centered:该类用于对控件进行分组和居中对齐。
  • is-grouped-right:该类用于对控件进行分组和右对齐。
  • is-grouped-multiline:此类用于将多个控件列表分组以自动填充。

句法:

 ....  

示例 1:下面的示例说明了表单组类。此示例说明了表单组件如何在中心和右侧进行分组。

HTML


  

    
    
    
    

  

    
        

            GeeksforGeeks         

        

Bulma form group

                    
                         

                             

               

                             

        
                    
                         

                             

               

                             

        
                    
                         

                             

               

                             

        
    
  


HTML


  

  
  
  
  GFG
  

  

  
         
      

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

       
  
  


输出:

布尔玛表格组

示例 2:在下面的示例中,实现了表单组多行类,并说明了表单组件是如何自动分组的。

HTML



  

  
  
  
  GFG
  

  

  
         
      

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

         

               

       
  
  

输出:

布尔玛表格组

布尔玛表格组

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