How to add HTML <input> src Attribute

An HTML form with an image that represents the submit button.

Definition and Usage

The src attribute specifies the URL of the image to use as a submit button.

Note: The src attribute can only be used with (and is required for) <input type="image">.

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

Attribute Values

Value	Description
URL	Specifies the URL of the image to use as a submit button. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/submit.gif") A relative URL - points to a file within a web site (like src="submit.gif")

Value

Description

URL

Specifies the URL of the image to use as a submit button.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/submit.gif")
A relative URL - points to a file within a web site (like src="submit.gif")

index.html

Example: HTML

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin