Input Type Image

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,586
3.	Videos	353,167
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,472
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
Input Type Image

Input Type Image

The <input type="image"> defines an image as a submit button.

The path to the image is specified in the src attribute.

<!DOCTYPE html>
<html>
<body>

<h2>Display an Image as the Submit button</h2>

<form action="/php/inputImage.php" method="post">
  <label for="fname">First name: </label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name: </label>
  <input type="text" id="lname" name="lname"><br><br>
  
  <input type="image" src="/images/img_submit.gif" alt="Submit" width="48" height="48">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #image #form

CSPunjab.Com

Input Type Image

« Previous

The <input type="image"> defines an image as a submit button.

The path to the image is specified in the src attribute.

<!DOCTYPE html>
<html>
<body>

<h2>Display an Image as the Submit button</h2>

<form action="/php/inputImage.php" method="post">
  <label for="fname">First name: </label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name: </label>
  <input type="text" id="lname" name="lname"><br><br>
  
  <input type="image" src="/images/img_submit.gif" alt="Submit" width="48" height="48">
</form>

</body>
</html>

Live Demo & Try it yourself!