Semantic-UI 表单加载状态

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

表单是文档的一部分，其中包含许多输入字段，例如文本字段、密码和复选框等。

Semantic-UI 表单用于使用语义 UI 类创建有吸引力的表单。设计有吸引力的形式非常容易。 Semantic-UI Form Loading State 用于创建表单并显示加载状态指示器。

Semantic-UI 表单加载状态使用的类：

• loading：该类用于在表单元素上显示加载指示器。

句法：

    ...

示例 1：在此示例中，我们将描述 Semantic-UI 表单加载状态。

HTML

 

    
 
    

 

    

        

            GeeksforGeeks
        
 
        
Semantic-UI Form Loading State
    
 
    

        

            Username
            
        
 
        

            Password
            
        
 
        
            Submit
        
    

 

输出：

示例 2：在此示例中，我们将描述 Semantic-UI 表单加载状态。

HTML

 

    
        Semantic-UI Form Loading State
    
 
    
 
    
    
 
    
    

 

    
        
            GeeksforGeeks
        
 
        Semantic-UI Form Loading State
    
 
    
        
            
                
                    First Name
                    
                
                
                    Second Name
                    
                
                
                    Last Name
                    
                
            
 
            
                
                    Email Id
                    
                
                
                    Mobile No
                    
                
            
 
            
                Short Notes
                
            
 
            
                Male/Female:
                
                    
                        
                        Male
                    
                
                
                    
                        
                        Female
                    
                
                
                    
                        
                        Other
                    
                
            
 
            
                Submit
            
        
    
 
    
        $('.ui.radio.checkbox').checkbox();
    

 

输出：

参考： https://semantic-ui.com/collections/form.html#loading