How to use multiple submit buttons in an HTML form ?

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 multiple submit buttons in an HTML form ?

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

How to add icons in the button in HTML ?

Adding icons in buttons in HTML involves including visual symbols or images within buttons to enhance their appearance and usability. This can be done using icon libraries like Font Awesome, Bootstrap Icons, or Material Icons, or by inserting images directly with <img> tags for visual cues.Add

How to specify the type of button using HTML5 ?

In this article, we will see how to set the button type using HTML. The <button> tag in HTML is used to create a clickable button within form on your webpage. The button type attribute specifies the type of button (You Should Always Declare the type of button). The <button> tag defines a

How to upload an image using HTML and JavaScript in firebase ?

Firebase is a product of Google which helps developers to build, manage, and grow their apps easily. It helps developers to build their apps faster and in a more secure way. No programming is required on the firebase side which makes it easy to use its features more efficiently. It provides cloud st

How to add a hit map on top of an image in HTML ?

HTML is a Markup language is used to design web pages. When we need to make an image also works as a link, we use the <a> tag but in this tag, our whole image links to only one page. What will we do if we want to make every part of the image link to different resources? So, For this map tag co

How to Insert an Image in HTML?

To insert an image in HTML, you can use <img> tag. This tag uses the src attribute to define the URL of the image file. We can also use CSS to insert image in HTML.Table of ContentUsing img TagUsing background-image propertyInsert an Image using img TagThe <img> tag is the primary method