语义 UI 下拉错误状态

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

语义 UI 有一堆用于用户界面设计的组件。其中之一是“下拉”。下拉菜单用于向用户显示不同的选项以供选择。用户可以根据自己的选择在其中进行选择。根据下拉菜单的使用要求，下拉菜单有不同的状态。其中之一是错误状态。

语义 UI 下拉错误状态：用户可能需要根据自己的要求将复选框显示为默认错误。下拉选项中可能存在用户需要知道的错误数据流。这是错误状态派上用场的时候。

句法：

 Dropdown 
 

   
...
   ...
 

示例：此示例使用错误类演示下拉错误状态。错误类用于指定下拉列表的这种状态。您可以看到下拉列表在下面的输出中以红色显示。此外，选项默认为红色。这描述了此下拉列表有问题并提醒用户注意它。

HTML

  

    
    
    
    
    

  

    
        
        GeeksforGeeks
        
            Semantic UI Dropdown error State
        
        
        
        Dropdown with error option:
        
  
        
            Error Dropdown 
            
                Error option 1
                Error option 2
                Error option 3
                Error option 4
            
        
    
      
    
        $('.ui.dropdown').dropdown();
    

  

输出：

错误下拉列表

参考： https://semantic-ui.com/modules/dropdown.html#error