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> |
Output:
