语义 UI 输入反转变化

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 有一堆用于用户界面设计的组件。其中之一是输入组件。输入用于网页上的各种目的。它对于实时从用户那里获取信息并将其保存在数据库中很有用。根据输入使用的要求，输入有不同的变化。其中之一是倒转变化。

Semantic UI Input Inverted Variation：如果你想在黑色背景上显示输入，你可以使用倒置手风琴。可以在深色背景中显示具有相关内容的单个或一组输入。我们将创建一个 UI 来显示输入的反转变化。

Semantic-UI Input Inverted Variation 类：

反转：此类用于使输入反转（颜色方面）。

句法：


     
      ...
  
   ...

示例 1：此示例演示了使用反转类的输入反转变化。您可以在下图中看到输出，该输出在深色背景中显示了不同的输入。

HTML



  

    
  
    
  
    

  

    


    
      
          GeeksforGeeks
      
  
      
         Semantic UI Input Inverted Variation
      


  
      
          
              Inverted text input :  
          
  
          
              
          



  
          
              Inverted date input :  
          
  
          
              
          



  
          
              Inverted local date input :  
          
  
          
              
          



  
          
              Inverted email input :  
          
  
          
              
          



  
          
              Inverted password input :

HTML



  

    
  
    
  
    

  

  


  
    
        
            GeeksforGeeks
        
  
        
            Semantic UI Input Inverted Variation
        


  
        
          Sign up Form

输出：您可以在深色背景中看到输入，如下图所示。所有输入都在深色背景中，因为输入被标记为倒置类。

示例 2：此示例演示了使用反转类的输入反转变化。您可以在下图中看到输出，该输出在深色背景中显示了不同的输入。

HTML



  

    
  
    
  
    

  

  


  
    
        
            GeeksforGeeks
        
  
        
            Semantic UI Input Inverted Variation
        


  
        
          Sign up Form

输出：

参考： https://semantic-ui.com/elements/input.html#inverted