Open In App

How to use URL of the image as a submit button in HTML ?

Last Updated : 25 Dec, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

The HTML <input> type attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. In this article, we set the image as button value. It creates the image as the submit button.

Syntax:

<input type="image">

Attribute Value:

  • image: It is used to define an image as the submit button.

Example:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to specify the URL of
        the image to use as a
        submit button in HTML ?
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to specify the URL of
        the image to<br> use as a
        submit button in HTML ?
    </h3>
  
    <form action="#" method="get">
        Username: <input type="text" name="uname">
  
        <br><br>
  
        Password: <input type="password" name="pwd">
  
        <br><br>
        <input type="image" src="logo.PNG" 
            alt="submit" width="75" height="75">
    </form>
</body>
  
</html>


Output:



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads