Forms Tutorials

Image Buttons

You can replace the standard HTML submit button with your own button image using a variation of the standard <input> tag.

Instead of using a type="submit" attribute, use type="image":

<input type="image"

Now add the actual information for the image, in the exact same way you would for a standard image tag:

<input type="image" src="example.gif" width="90" height="90" border="0">

The standard HTML submit button will now appear as the image you have defined in the tag above.