The Submit & Reset Buttons

The submit and reset buttons are the easiest of the easy. First of all, for our purposes, they're exactly the same - except for the word that appears on them. Second of all, you're not limited to just "Submit" or "Reset," you can make the button say anything you want.... Mwaa-hahaha.

Here's how it works. Just follow the <FORM> tag with <INPUT TYPE="submit"> or
<INPUT TYPE="reset">. It doesn't really matter which type you choose, because we're just going to change the word anyway. Here's how:

Within the <INPUT> tag, you include the attribute VALUE="Leggo my Eggo!" but replace the words "Leggo my Eggo!" with whatever should appear on the button.

So the HTML for our button might look like this:

<FORM>
     <INPUT TYPE="submit" VALUE="Don't go there, man.">
</FORM>

And would appear on the page like this:

Now, if you don't need the button to do anything, that's all you need to know. But if you're actually using the forms toward some end, there's another trick that might come in handy - replacing the standard forms button with an image of your own design (be it a pointing hand, a bull's-eye, or whatever).

Nothing too complicated here, but the tag does look different. You'll replace
<INPUT TYPE="submit"> with <INPUT TYPE="image">, and follow that with the attributes SRC="stuff/smellycat.gif" (where stuff/smellycat.gif is the path to your image). You can also align the image within the current line of text by including the attribute ALIGN="center" (or top, or bottom).

Finished, it will look something like this:

<FORM>
     <INPUT TYPE="image" SRC="stuff/smellycat.gif" BORDER="0" ALIGN="center">
</FORM>

Which will look like this: