Form Tutor - Lesson 12

We can easily change what the buttons say.

 
<form>
<input type="submit" value="Send it away Ray!">
<input type="reset" value="Clear the form Norm!">
</form>


Can we use an image for a Submit button? Sure, piece of cake.

 
<form>
<input type="image" src="submit.gif">
</form>


Add width & height so your browser can load your page quickly and efficiently. Add an alt attribute so if someone is running without images they can still submit your form. And add border="0" if you want the little link colored box to go away (in those browsers that may still show a little colored box).

 
<form>
<input type="image" src="submit.gif" width="94" height="26" alt="Submit" border="0">
</form>

Note that the input type="image" is, by default, a Submit button only. (You can't make a Reset image button.)

FAQ: When I press the Submit button, all I get is a New Mail Message that pops up. What am I doing wrong?

A: Well, if anything is wrong it's that you are probably using the mailto action in a form. You can see that it's not entirely reliable. Your particular browser/email setup is not handling mailto forms very well. A CGI script is a much more reliable way to handle your forms.

Q: Is this going to happen to people using my form too?

A: It will invariably happen to some. Maybe to quite a few. Once again, using a CGI form mail script eliminates this problem.

For any that are curious, I've written a script that will test your particular browser/email client's handling of mailto forms. The test is here.