📜  语义 UI 搜索状态

📅  最后修改于: 2022-05-13 01:56:12.500000             🧑  作者: Mango

语义 UI 搜索状态

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

搜索栏允许我们搜索网站中的内容。它是网站的重要组成部分,它增加了查找所需项目的便利性。 Semantic UI 为我们提供了一个风格化的搜索栏。让我们看一下语义 UI 搜索状态。

语义 UI 搜索状态:

  • loading :搜索栏可以保持在加载状态,直到从外部源或本地内容中获取搜索结果。

语义 UI 加载类:

  • loading :此类使搜索栏处于加载状态。

句法:

示例 1:在下面的示例中,我们创建了一个具有加载状态的搜索栏。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

        

Semantic UI Search States

        
        
             
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

        

Semantic UI Search States

        
        
             
  


输出:

带有加载状态的搜索栏

示例 2:在下面的示例中,我们创建了一个加载状态的禁用搜索

HTML



  

    
    
    

  

    
        

GeeksforGeeks

        

Semantic UI Search States

        
        
             
  

输出:

在加载状态下禁用搜索

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