📜  纯 CSS 表单输入大小

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

纯 CSS 表单输入大小

表格对于网站收集用于各种目的的数据或信息是必不可少的。使用纯 CSS 表单,我们可以创建不同类型的表单。

表单输入的大小始终很重要。因此,输入在任何网页形式中都很重要。它用于从用户那里获取对收集数据或信息至关重要的各种输入。输入元素在类似于纯网格的语法中具有可变宽度大小。您可以将 pure-input-* 类应用于这些元素。

纯 CSS 表单输入大小:要应用不同大小的输入字段,您必须了解纯 CSS 网格。在输入字段内部使用纯 CSS 网格类来定义输入字段的大小。

句法:

示例 1:

HTML



    
    
    

  

    
        

GeeksforGeeks

        Pure CSS Forms Input Sizing     
        
                         

                         

                         

                         

                     


HTML



    
    
    

  

    
        

GeeksforGeeks

        Pure CSS Forms Input Sizing     
    
        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
    


输出:

纯 CSS 表单输入大小

示例 2:

HTML




    
    
    

  

    
        

GeeksforGeeks

        Pure CSS Forms Input Sizing     
    
        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
        

        
                     
    

输出:

纯 CSS 表单输入大小

纯 CSS 表单输入大小