Home HTML Tips Custom Form Buttons

Custom Form Buttons

E-mail Print PDF
Okies, you have a form with the basic "send" buttom to submit your info. But, you would like to use your very own cool graphic for the send button instead. Here's how...

Here is an example of the send code:

<input type="submit" value="Send">
Here is an example of how to use a graphic for the send button:

<input type="image" name="Submit" src="images/button.gif" alt="Send Now">
The above example assumes your graphic (button.gif <- example) is in your images folder within the same directory as your form. You should change this to the absolute path to your image like so:

http://www.yourdomain.com/images/name.gif 
<- copy and then replace ->images/button.gif with your own path to your image button.
 

Domain Names

Sample image .com .info
.mobi .net
.org .tv .us
.biz .ws .name
.am .at .be .cc .cn .de .eu
.fm .jobs .jp .ms .nu .nz
.tc .tw .uk .vg .ASIA .ME

Website Hosting

Sample image We're the affordable, reliable place to host your site. And unlike the competition, there's no set up fee and no annual commitment.

24/7 Support

Sample image Our highly trained, courteous support staff is waiting to help. We'll resolve any issue to your complete satisfaction.