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

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

Last Updated : 25 Dec, 2020

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:

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

V

vkash8574

Improve

Article Tags :

Similar Reads

How to Use Images as Buttons in HTML?

Images can work like buttons to make a website more interactive and visually appealing. Over 70% of modern websites include image-based elements to enhance user experience. This article shows different ways to turn images into clickable buttons using simple HTML.1. Using the img Tag Inside the Butto

How to create an image acting as a submit button using HTML5 ?

In this article, we will learn how to create an image that acts as a submit button i.e. whenever we click on an image in the form, it will be automatically submitted to the server. The default type of <input> type attribute is text. Here, we use a simple approach to complete the task. Syntax

How to Turn an Image into a Link in HTML?

Turning an image into a clickable link in HTML is a simple process that can enhance user interaction on your website. By wrapping an image inside an anchor tag (<a>), you can make it clickable and redirect users to a different page or website. It allows any image to be a clickable link.Simple

How to use Anchor tag as submit button ?

The <a> (anchor tag) in HTML is used to create a hyperlink on the webpage. This hyperlink is used to link the webpage to other web pages. Itâ€™s either used to provide an absolute reference or a relative reference as its â€œhrefâ€ value. Syntax: <a href = "link"> Link Name </a> The href

How to use multiple submit buttons in an HTML form ?

Using multiple submit buttons in an HTML form allows different actions based on the button clicked. Each submit button can trigger a unique server-side or JavaScript process while sharing the same form fields, enabling various functionalities within a single form structure.Syntax<form action="/https/www.geeksforgeeks.org/DE