HTML Form Fields - Image Button

SQL PHP HTML JavaScript articles and free code

Image Button

Image buttons have the same effect as a submit button, only difference is instead of a normal submit button we can place an image of our choice. An Image button can be created as :

<input type="image" name="<Name of the image button >" src="image source" border="border of the image" alt="text">

Attributes of Image Button:
Name: Specifies the name of the object through which it can be referenced.
Src: Specifies the image source. i.e, the path of the image that has to be displayed.
Border: Specifies the border of the image source. If 0 is given, then no border will be displayed.
Alt: Specifies the text that has to be appeared as a tooltip.

Example:
<input type="image" name="imgbtn" src="images/savechanges.jpg" alt="Tool Tip">

This places an image button within the HTML form, which can be referenced by using its name "imgbtn" with a tooltip text "Tool Tip". Tooltip refers to the text that has to be displayed when we place mouse over the image.
The image button will be displayed as below:

Discuss this tutorial at forum

List of HTML Tutorials

Subscribe

Submit your email address and receive article and product notifications. Your email is safe with us.

Scripts

PHP

JavaScript

List of HTML Tutorial

<Form>

Text Field Hidden Field Password Field TextArea RadioButton Checkbox Button Image Button Submit Button Reset Button Drop-Down Menu

HTML Tags

<B> <hr> <i> <span> <font> <div> <H1> <head> <body> <a href> <table> <br> <OL> <UL> <DL> <form> <frameset> <applet> <title> <sub> <sup> <marquee> CSS

Subscribe

Submit your email address and receive article and product notifications. Your email is safe with us.