📜  Bootstrap-5 表单

📅  最后修改于: 2021-10-29 03:39:53             🧑  作者: Mango

表单控件:         

      


HTML


 

    
    

 

    
 
    
 
    

 


HTML


 

 
    
    

 

    
        
            
                     
    
 


HTML


 

    Input Range
 
    
    

 

    
        
            
                                   
    
 


HTML


 

    Radios and CheckBoxes
 
    
    

 

    
        
                                    
                  
                                    
    
 


HTML


 

    Horizontal Form
 
    
    

 

    
        
            
                             
              
                             
              
                             
        
    
 


输出:

笔记:

  • 用于表单控件的类是.form-control。
  • 可以使用 .form-control-lg.form-control-sm调整表单控件的大小

例子:

HTML



 

    
    

 

    
 
    
 
    

 

输出:

  • 文件输入类型可以用类.form-control-file 定义

例子:

HTML



 

 
    
    

 

    
        
            
                     
    
 

输出:

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

例子:

HTML



 

    Input Range
 
    
    

 

    
        
            
                                   
    
 

输出:

2. Radios 和 checkboxes: radio 和 checkboxes 使用的类是.form-check。

例子:

HTML



 

    Radios and CheckBoxes
 
    
    

 

    
        
                                    
                  
                                    
    
 

输出:

3.水平表格:水平表格使用的类是.form-row

例子:

HTML



 

    Horizontal Form
 
    
    

 

    
        
            
                             
              
                             
              
                             
        
    
 

输出:

支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器