|
|
|
                      |
The image field work like the submit field, except it will allow you place an image of your liking instead of the plain submit button. So it's just the visual that changed, it will still activate the ACTION attribute in the <FORM> tag. The basic image field code will look like this:
<INPUT TYPE="image">
You can further customize it by adding more attributes to the <INPUT> tag.
The NAME attribute assigns a name to this input field. The program you will use to process this information will need to know the name of the field.
The SRC attribute is the location of the image file, this is where you would place the URL.
The BORDER attribute defines the width in pixels of the border around the image, only in Netscape
The WIDTH attribute is the width of the image in pixels.
The HEIGHT attribute is the height of the image in pixels.
The ALIGN attribute aligns the field with respect to the page. Values can be: top, middle, bottom, right, left, texttop, baseline, absmiddle, or absbottom. These are similar to the alignments in the image section.
The VSPACE and HSPACE attributes specify the area of padding that will be on the sides of the image and on the top & bottom of the image respectively. These attributes are also similar to those in the <IMG> tag.
The TABINDEX attribute specifies the order in which the field will be activated by pressing the tab button.
Here is the code for an example of a complete submit field:
<FORM ACTION="form_reset.html">
Press the image to go the the next section: <INPUT TYPE="image" SRC="../images/search_pepmint.gif" ALIGN="texttop" WIDTH="117" HEIGHT="21" HSPACE="5" VSPACE="5" BORDER="5">
</FORM><BR><BR>
Here is how it will look:
© Copyright 2000-2002 by Pepmint.com. All Rights Reserved