📌  相关文章
📜  如何使用 jQuery Mobile 制作基本标记按钮?

📅  最后修改于: 2021-11-07 08:11:21             🧑  作者: Mango

jQuery Mobile是一种基于 Web 的技术,用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中,我们将使用jQuery Mobile创建一个基本的标记按钮。

方法:

  • 我们将使用不同类型的ui类和不同类型来组成标记按钮。

示例 1:我们将使用带有class=”ui-btn ui-corner-all” 的锚标记来创建按钮。

HTML
 
 
  

    
    
    
    
    

  
 
    
        

GeeksforGeeks

        

Basic Markup Button using jQuery Mobile

    
           Basic Anchor          


HTML
 
 
  

    
    
    
    
    

  
 
    
        

GeeksforGeeks

        

Basic Markup Button using jQuery

    
            


HTML
 
 
  

    
    
    
    
    

  
 
    
        

GeeksforGeeks

        

Basic Markup Button using jQuery

    
                   


输出:

示例 2:我们将使用class=”ui-btn ui-corner-all” 的按钮标签来实现我们的目的。

HTML

 
 
  

    
    
    
    
    

  
 
    
        

GeeksforGeeks

        

Basic Markup Button using jQuery

    
              

输出:

示例 3:在本示例中,我们将使用不同的输入类型来创建按钮。

HTML

 
 
  

    
    
    
    
    

  
 
    
        

GeeksforGeeks

        

Basic Markup Button using jQuery

    
                     

输出: