📜  布尔玛 |输入

📅  最后修改于: 2021-09-01 01:34:53             🧑  作者: Mango

Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。

表单的“输入”组件在外观上并不那么吸引人。使用 Bulma,我们可以通过添加一些简单的 Bulma 类以更好的方式设计表单的输入元素。 Bulma 输入元素有不同的颜色、不同的样式、不同的大小和不同的状态。

示例 1:此示例说明了简单的 Bulma 输入。



  
    Bulma Input
    
  
    
    
  
     
    
      
        
          
            
                           
          
        
      
    
  

输出:

示例 2:此示例说明了彩色表单输入。



  
    Bulma Input
    
  
    
    
  
     
    
      
        
          
            
                           
          
          
            
                           
          
          
            
                           
          
          
            
                           
          
          
            
                           
          
          
            
                           
          
        
      
    
  

输出:

示例 3:此示例说明了不同大小的表单输入。



  
    Bulma Input
    
  
    
    
  
     
    
      
        
          
            
                           
          
          
            
                           
          
          
            
                           
          
          
            
                           
          
        
      
    
  

输出:

示例 4:此示例说明了表单输入的不同状态。



  
    Bulma Input
    
  
    
    
  
     
    
      
        
          
            
                           
          
          
            
                           
          
          
            
                           
          
          
            
                           
          
        
      
    
  

输出:

示例 5:此示例说明带有字体真棒图标的表单输入。



  
    Bulma Input
    
  
    
    
  
  
  
    
    
    
      
        
          
            
                                                                          
          
          
            
                                                                          
          
        
      
    
  

输出:

示例 6:此示例说明了舍入类型的表单输入。



  
    Bulma Input
    
  
    
    
  
  
  
    
    
    
      
        
          
            
                                                                          
          
          
            
                                                                          
          
        
      
    
  

输出 :