Create A 'Submit' Button of Your Own Design

When you create a button for a Web form, you use the <INPUT> tag to specify the button's name, appearance, and what kind of data is contained.
You create a standard "Submit" button by specifying TYPE=SUBMIT in the <INPUT> tag. Similarly, you create a standard "Reset" button by indicating TYPE=RESET in another <INPUT> tag, as shown below:

<INPUT TYPE=SUBMIT VALUE="Upload Tutorial">

To use a custom image in place of the HTML-generated "Submit" button, you can use TYPE=IMAGE instead of TYPE=SUBMIT. Note that a VALUE attribute is not required here. You will also have to supply an SRC attribute to specify the image, and a NAME attribute to give the button a name:

<INPUT TYPE=IMAGE SRC="image/uppload.gif" NAME="upload_tutorial">

<INPUT TYPE="image" SRC="images/go_button.gif" HEIGHT="38" WIDTH="17" BORDER="0" ALT="Upload Tutorial">

When a user clicks the image, the form will be submitted just as if a "Submit" button were pressed.

Notice: There's no way to replicate the TYPE=RESET function using TYPE=IMAGE to restore a form to its original state and erase any entered data.

Advertisement

No User Comments.

No User Comments, be the first one to write your comments?