Semantic-UI 下拉搜索菜单类型

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 使我们的网站看起来漂亮且响应迅速。它具有预定义的类，例如引导程序，用于使我们的网站更具交互性。它有一些预先构建的语义组件，我们可以使用这些组件来创建响应式网站。

Semantic UI Dropdown用于从给定选项中选择值。 Semantic UI Dropdown Search In-Menu Type用于创建搜索提示下拉菜单以从给定选项中选择单个或多个值。

Semantic-UI Dropdown Search In-Menu 类型类：

• dropdown：该类用于创建下拉菜单。
• 浮动：此类用于从下拉列表中选择单个值。
• 多个：此类用于创建下拉列表以选择多个值。

句法：

   ...

示例 1：以下代码演示了 Semantic-UI Dropdown Search In-Menu Type 以选择单个值。

HTML

  

   Semantic-UI Dropdown Search In-Menu Type 
  
  
  
  
  
  

  

    
         GeeksforGeeks   
         Semantic-UI Dropdown Search In-Menu Type 
  
        
          
           Select one 
          
            
              
              
            
  
            
              Topics
            
            
              
                C++
              
              
                Java
              
              
                Python
              
              
                Flutter
              
              
                Javascript
              
            
          
          
    
    
        $('.ui.dropdown').dropdown();
    
  

输出：

Semantic-UI 下拉搜索菜单类型

示例 2：以下代码演示了 Semantic-UI Dropdown Search In-Menu Type 以选择多个值。

HTML

  

   Semantic-UI Dropdown Search In-Menu Type 
  
  
  
  
  
  

  

    
         GeeksforGeeks   
         Semantic-UI Dropdown Search In-Menu Type 
  
        
          
          
           Select multiple 
          
            
              
              
            
  
            
              Topics
            
            
              
                
                C++
              
  
              
                
                Java
              
  
              
                
                Python
              
  
              
                
                Flutter
              
  
              
                
                Javascript
              
            
          
          
     
  
  
    $('.ui.dropdown').dropdown();
  
  

输出：

Semantic-UI 下拉搜索菜单类型

参考： https://semantic-ui.com/modules/dropdown.html#search-in-menu