如何使用 HTML5 创建充当提交按钮的图像？

在本文中，我们将学习如何创建一个充当提交按钮的图像，即每当我们单击表单中的图像时，它将自动提交到服务器。 类型属性的默认类型是文本。这里， 我们使用简单的方法来完成任务。

句法

属性值：

• image：用于定义一个图像作为提交按钮。

特征：

• input 元素不接受value属性。
• 图片路径在src属性中定义。
• 输入元素由各种通用属性支持。

方法：

• 首先，创建一个包含 标签的 HTML 文档。
• 将type属性与 标记一起使用。
• 将类型属性设置为值“图像”。
• 您还可以使用包含图像 URL 的src属性。

示例：本示例说明了使用输入类型中的图像按钮在 HTML 表单中提交登录详细信息。

HTML

  

    

        GeeksForGeeks
    
      
    

        How to create an image that act 
        as a submit Button using HTML5?
    
      
    

        Email Address:
        
        


  
        Password No.:
        
        


  
        
    

  

输出：

示例：在此示例中，我们将输入类型用作 HTML 中新闻订阅按钮的图像。

HTML

  

    

        GeeksforGeeks
    
      
    
Subscribe to GeeksforGeeks Newsletter
      
    

        The best of content served at the 
        convenience of your fingertips.
    
  
    

        Name:
        
        


  
        Email:
        
        


  
        
        Daily Newsletter
  
        


        
    

  

输出：