📜  Bootstrap-5表格

📅  最后修改于: 2021-05-25 16:40:32             🧑  作者: Mango

表单控件:         

       


HTML


  

    
    

  

    
  
    
  
    

  


HTML


  

  
    
    

  

    
        
            
                     
    
  


HTML


  

    Input Range
  
    
    

  

    
        
            
                                    
    
  


HTML


  

    Radios and CheckBoxes
  
    
    

  

    
        
                                     
                   
                                     
    
  


HTML


  

    Horizontal Form
  
    
    

  

    
        
            
                             
               
                             
               
                             
        
    
  


输出:

笔记:

  • 用于表单控制的类是.form-control。
  • 可以通过使用.form-control-lg.form-control-sm来调整Form-Control的大小 

例子:

的HTML



  

    
    

  

    
  
    
  
    

  

输出:

  • 可以使用class定义文件输入类型  .form-控制文件

例子:

的HTML



  

  
    
    

  

    
        
            
                     
    
  

输出:

  • 范围输入类型可以使用类.form-control-range定义

例子:

的HTML



  

    Input Range
  
    
    

  

    
        
            
                                    
    
  

输出:

2.单选框和复选框:单选框和复选框使用的类是.form-check。

例子:

的HTML



  

    Radios and CheckBoxes
  
    
    

  

    
        
                                     
                   
                                     
    
  

输出:

3.水平形式:用于水平形式的类是.form-row

例子:

的HTML



  

    Horizontal Form
  
    
    

  

    
        
            
                             
               
                             
               
                             
        
    
  

输出: