纯 CSS 对齐形式

纯 CSS是 CSS 的一个框架。它是一个免费的开源工具集，用于创建响应式网站和 Web 应用程序。 Pure CSS 由 Yahoo 开发，用于创建更快、更美观、响应更快的网站。它可以用作 Bootstrap 的替代品。

纯 CSS 对齐表单是一种用于创建对齐表单的 HTML 表单。在这种类型的表单中，标签在输入字段之后对齐，但在移动视口中，标签是堆叠的。

在本文中，我们将讨论纯 CSS 对齐表单。

纯 CSS 对齐表单类：

• pure-form-aligned：此类用作修饰符类以创建对齐的表单。在桌面视图中，标签显示在输入字段之后，但在移动或小型视口中，标签被视为堆叠。

句法：

 
   ...

示例：以下代码演示了纯 CSS 对齐表单。

HTML

  
 
  

  
   

  
    
   
 GeeksforGeeks 
 
   
 Pure CSS Aligned Form 
  
   

        

          

             Enter your First Name 
            
            
              *This is a Required field.
            
          
  
          

             Enter your Last Name 
            
            
              *This is a Required field.
            
          
  
          

             Enter your email id 
            
          
  
          

            
              Register
            
          
        
   

输出：

纯 CSS 对齐形式

参考： https://purecss.io/forms/#aligned-form