按钮标签与输入类型=“按钮”属性

和标签是在 HTML 文档中使用 Button 的两种不同方法。它们之间的区别在于，使用 标签创建的按钮提供了比 属性更多的贡献可能性。 可以在其中包含内容。 标签允许在按钮元素内容（如文本或图像等）内对内容进行措辞，以及定义的类型功能。但是 input type=”button” 属性不允许内容。例如，包含图像功能的按钮标签可能类似于类型设置为“图像”的输入标签，但按钮元素类型允许内容。下面的两个示例都非常清楚地显示了差异。

注意：

标签使用左括号和右括号，但 属性仅使用单个标签。

示例 1：本示例使用 属性在 HTML 文档中创建按钮。

  

    
        function msg() {
            alert("values submitted");
        }
    

      
 
  
     
        GeeksForGeeks 
     
          
    Using Input type 
      
    
        
            Enter value
        
          
        
      
         
     
    
        here the input type button
        works properly
    

  
                    

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：本示例使用

标签在 HTML 文档中创建按钮。

  
 
  
    
 
        GeeksForGeeks 
    
 
          
    
The Button Element
  
    

        Username
  
        
          
        

          
        Password
          
        
          
        

      
        

        
                   Cancel                    Forgot password?                             

输出：

• 点击按钮前：
  
• 点击按钮后：