Home » » HTML Image Submit Button

HTML Image Submit Button

If you're using an HTML form on your web site and would like to use an image submit button instead of the boring standard submit button, this HTML code is for you.

In order for your form's input box and your image submit button to line up properly, you will need to place it within an HTML table. In addition, unless your image has a transparent background, you will need to set the table background color to the same color as the image background so that it will seamlessly blend together.

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2">
<TR>
<TD BGCOLOR="#8463FF"><INPUT type="text" size="10"></TD>
<TD BGCOLOR="#8463FF" VALIGN="Middle"><INPUT type="image" name="search" src="search.gif" border="0"></TD>
</TR>
</TABLE>
</FORM>

Note: In order for your form to function properly, you must have a form processing script that resides on your web server and then link to it within your form code. If you don't have one or aren't familiar with HTML forms, you may want to contact your server administrator for assistance.

Edit the text indicated in bold to suit your needs.

Using an image submission button within your HTML web page forms will enable you to easily spice up your forms.
Share this article :

0 comments:

Post a Comment

 
Copyright © Online Business - All Rights Reserved
Proudly powered by Blogger