Adding a Graphical Submit Button in HTML Form

You can add graphics to your regular submit button. This implies that you can define an image to act as a button on a Web form. You can add the graphical submit button by adding the <input type=”image”> tag to the HTML code.

Let’s do the following steps to add a graphical submit button on a Web page:


<!DOCTYPE html>
<html>
<head>
    <title> Adding a Graphical Submit Button</title>
</head>
<body>
    <form action=”Example.html” method=”post”>
        <h4> Enter username and password and submit the details:</h4>
        Username:
        <input type=”text” name=”name” /><br><br>
    Password:
    <input type=”password” name=”password” /><br><br>
    <input type=image src=”submitbutton.jpg” width=”100” height=”30” alt=”submit” />
    </form>
</body>
</html>

Save the document with the name AddingGraphicalSubmitButton.html and open on browser.

PRV MENU NEXT

Adding a Graphical Submit Button in HTML Form

Latest Post