语义 UI 占位符倒置变化

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

在本文中，我们将学习占位符倒置变化。它配备了预构建的语义组件，有助于使用用户友好的 HTML 创建响应式布局，它使用预定义的 CSS 和 jQuery 来整合不同的框架。占位符用于为即将出现在布局中的内容保留空间，并且反转变体占位符可以反转其颜色。

Semantic-UI 占位符反转变体类：

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

句法：

     

         ...  
     

下面的示例说明了 Semantic-UI 占位符反转变体：

示例 1：以下示例说明了语义 UI 占位符倒置变化。

输出：

示例 2：以下示例说明了语义 UI 占位符倒置变化。

HTML

  

    

  

    
        

            GeeksforGeeks
        
          
         Semantic-UI 
        

            Placeholder Inverted Variation
        
    
  
    

        

            

            
            

                

                

            
        
    
    

        

            

            
            

                

                

            
        
    

  

输出：

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