语义 UI 输入禁用状态

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

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

语义 UI 输入禁用状态：默认情况下，用户可能需要显示禁用的输入。用户可能需要在 UI 中显示一些输入，其值不会更改，或者该人无权执行此操作。在这种情况下，禁用状态会派上用场。

语义 UI 输入禁用状态类：

• disabled ：此类用于指定输入的禁用状态。

句法：

    
    ...

示例 1：此示例使用disabled类演示输入禁用状态。您可以在下图中看到显示标记为禁用输入的输出。

HTML

    


    

        


        
GeeksforGeeks
        
            
Semantic UI Input Disabled State
        
        

        

        

            

                Disabled Input
            
            
        
    

输出：

语义 UI 输入禁用状态

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

HTML

  

    

  

    

        
GeeksforGeeks
        
            
Semantic UI Input Disabled State
        
        


        
        Disabled State text input :
        

            
        
        


        Disabled State date input :
        

        
    
    


    Disabled State local date input :
    

        
    
    


    Disabled State email input :
    

        
    
    


    Disabled State password input :
    

        
    

  

输出：

语义 UI 输入禁用状态

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