语义 UI 输入错误状态

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

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

Semantic UI Input Error State用于根据他的要求将输入显示为默认错误。输入中可能存在用户需要知道的错误数据流。这是错误状态派上用场的时候。

语义 UI 输入错误状态类：

• error：该类用于指定输入的错误状态。

句法：

   
   .........

示例 1：此示例使用错误类演示输入错误状态。您可以在下图中看到输出，其中显示了标记的错误输入。

HTML

    
    
    
    
    


    
        
        GeeksforGeeks
        
            Semantic UI Input Error State
        
        
        
        
            
                Error Input
            
            
        
    

输出：

语义 UI 输入错误状态

示例 2：此示例使用错误类演示输入错误状态。您可以在下图中看到输出，其中显示了不同的错误输入。

HTML

   
      
      
      
      
      
   
   
      
         GeeksforGeeks
         
            Semantic UI Input Error State
         
         
         
         
         Error State text input : 
         
            
         
         
         Error State date input : 
         
            
         
         
         Error State local date input :
         
            
         
         
         Error State email input :
         
            
         
         
         Error State password input : 
         
            
         
      
   

输出：您可以看到输入为红色，如下图所示。这描述了此输入有问题并提醒用户注意它。

语义 UI 输入错误状态

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