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.
|
|
| eTips Member Login |
 |
|
Enter your email address and password to enter the private membership
area:
Lost Password?
|
|
