📌  相关文章
📜  如何使用 jQuery Mobile Square-UI 主题插件为手机设计表单控件?

📅  最后修改于: 2021-11-10 04:08:53             🧑  作者: Mango

在本文中,我们将学习如何使用jQuery Mobile Square-UI 主题插件为面向移动的应用程序设计表单控件。

先决条件:从给定的链接下载预编译所需的库文件并将其保存在您的工作文件夹中以用于以下实现。

示例 1:

HTML


  

    
    
  
    
  
    
    

  

    

Example of buttons

    
        
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
            
                             
        
    
  


HTML


  

    
    
  
    
  
    
    
  
    

  

    

Example of Checkboxes

      SELECT SUBJECTS     
    
        
                                                                                                            
    
  


HTML


  

    
    
  
    
  
    
  
    
  
    

  

    

Example of Collapsible set

       
           
            

First Section

               

content for first section

        
           
            

Second Section

               

content for second section

        
           
            

Third Section

               

content for third section

        
    
  


HTML


  

    
  
    
  
    
  
    
  
    
  
    

  

    

Example of Link

       


HTML


  

    
    
  
    
  
    
  
    
  
    

  

    

Example of List

    
             
  


HTML


  

    
    
  
    
  
    
  
    
  
    

  

    

Example of Radio Buttons

      SELECT GENDER
    
        
                                                               
    
  


HTML


  

    
  
    
  
    
  
    
  
    
  
    

  

    

Example of Select dropdown

       
             
  


HTML


  

    
    
    
    
    
    

  

    

Example of Select choice

        
                       
  


HTML


  

    
    
    
    
    
    

  

    

Example of Slider

         
             
  


输出:

示例 2:

HTML



  

    
    
  
    
  
    
    
  
    

  

    

Example of Checkboxes

      SELECT SUBJECTS     
    
        
                                                                                                            
    
  

输出:

示例 3:

HTML



  

    
    
  
    
  
    
  
    
  
    

  

    

Example of Collapsible set

       
           
            

First Section

               

content for first section

        
           
            

Second Section

               

content for second section

        
           
            

Third Section

               

content for third section

        
    
  

输出:

示例 4:

HTML



  

    
  
    
  
    
  
    
  
    
  
    

  

    

Example of Link

       

输出:

示例 5:

HTML



  

    
    
  
    
  
    
  
    
  
    

  

    

Example of List

    
             
  

输出:

示例 6:

HTML



  

    
    
  
    
  
    
  
    
  
    

  

    

Example of Radio Buttons

      SELECT GENDER
    
        
                                                               
    
  

输出:

示例 7:

HTML



  

    
  
    
  
    
  
    
  
    
  
    

  

    

Example of Select dropdown

       
             
  

输出:

示例 8:

HTML



  

    
    
    
    
    
    

  

    

Example of Select choice

        
                       
  

输出:

示例 9:

HTML



  

    
    
    
    
    
    

  

    

Example of Slider

         
             
  

输出: