Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

Your Guide to Professional
Web Site Design and Development

HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Using an Image Submit Button within a Form

Open Directory Projectfree ebooksfree articles

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

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">
<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>

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.

Submit your HTML code snippets. We'll credit you and give you a link to your website.