Home | Tips and Tricks | HTML tricks | Picture form button


Tips and Tricks

Member Log-in
forgot your password?

About Us
Reseller Program

How to use an image as a submit button

Last updated 5-31-03

Here's how you can replace that ugly gray submit-button with your own image. Most forms on professional sites use this technique and design their own image button like the one below.



Your name:

Source code

<form method=POST action="cgi-bin/someprogram.cgi">
<input type="text" name="yourname"><br>
<input type="image" value="submitname" src="submit-button.gif" width="80" height="20" border="0" alt="SUBMIT!" name="image">

Or: See all our html tricks!