语义 UI 搜索禁用变体

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

语义 UI 搜索模块用于从数据选择中搜索某些内容。可以通过 API 调用或通过 JavaScript 中的局部变量提供数据。

语义 UI 搜索禁用变体类：

• disabled：此类用于搜索模块以禁用它。

句法：

    ...

示例 1：下面的示例显示了如何使用disabled类在语义 UI 中禁用搜索模块。

HTML

  

    
    
    

  

    

        

            
GeeksforGeeks
            
Semantic UI - Search Disabled Variation
        
        
Normal Search:
        

            

                
                
            
            

        
        
Disabled Search:
        

            

                
                
            
            

        
    

输出：

语义 UI 禁用搜索变体

示例 2：此示例显示如何使用 JavaScript 禁用搜索模块。

HTML

  

    Semantic UI - Search Disabled Variation
    
    
    
    
    
  
    
        .container{
            text-align: center;
        }
        h3{
            margin-top: 0px;
        }
        .container>p{
            margin-top: 30px !important;
        }
        button{
            margin-top: 25px !important;
        }
    

  

    
        
            GeeksforGeeks
            Semantic UI - Search Disabled Variation
        
        Search:
        
            
                
                
            
            
        
  
        
            Disable Search
       
    
  
    
        function disable(){
            document.getElementById("search1").classList.add("disabled");
        }
    

  

输出：

参考： https://semantic-ui.com/modules/search.html#disabled