Today's Question:  What does your personal desk look like?        GIVE A SHOUT

Using an Image Submit Button within an HTML Web Page Form

  web-source.net        2011-10-02 12:17:01       2,704        0    

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.

Source : http://www.web-source.net/html_image_submit.htm

HTML  SUBMIT BUTTON  IMAGE 

Share on Facebook  Share on Twitter  Share on Weibo  Share on Reddit 

  RELATED


  0 COMMENT


No comment for this article.