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

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>