The last two HTML tags for the form (other than the closing </FORM> tag, which was discussed in Step Two), are the HTML codes for the Submit and Reset buttons for the form.
The tags for Submit and Reset are as follows:
<INPUT TYPE="SUBMIT" VALUE="submit">
See the finished form, including the SUBMIT and RESET functions.
You can create buttons that say something other than "Submit" and "Reset" by changing the VALUE attribute. For instance, you can change these to:
<INPUT TYPE="SUBMIT" VALUE="Send It In!">
And they will say, instead of Send and Reset:
Only one more thing to do, and that's get a mailto: formatter so that you will be able to read the results that people send to you.
<INPUT TYPE="RESET" VALUE="reset">
<INPUT TYPE="RESET" VALUE="Whoops!">
<HTML>
<HEAD>
<TITLE>
Web Diner Menu
</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:wdlaurie@aol.com" METHOD="POST">
Hi, there, and Welcome to the Diner! What can we do for you today?
<P>
Would you like a seat at the <P>
<INPUT TYPE="radio" NAME="seating" VALUE="counter"> Counter?<BR>
<INPUT TYPE="radio" NAME="seating" VALUE="booth"> Or a booth?<BR>
<P>
What would you like to order?
<P>
<INPUT TYPE="checkbox" NAME="burger">Cheeseburger<BR>
<INPUT TYPE="checkbox" NAME="tuna">Tuna Melt<BR>
<INPUT TYPE="checkbox" NAME="eggsalad">Egg Salad Sandwich<BR>
<INPUT TYPE="checkbox" NAME="cheesesand">Grilled Cheese Sandwich<BR>
<INPUT TYPE="checkbox" NAME="blt">BLT Sandwich<BR>
<INPUT TYPE="checkbox" NAME="fries">Fries<BR>
<INPUT TYPE="checkbox" NAME="chips">Potato Chips<BR>
<P>
What would you like to drink?
<P>
<SELECT NAME="drinks" MULTIPLE>
<OPTION>Coffee <BR>
<OPTION>Tea <BR>
<OPTION>Tomato Juice <BR>
<OPTION>Root Beer Float<BR>
<OPTION>Vanilla Milkshake<BR>
<OPTION>Coke<BR>
<OPTION>Just water, thanks!<BR>
</SELECT>
<P>
Anything else I can get you?
<INPUT TYPE="text" NAME="additional" SIZE="80"><BR>
<P>
Any special requests for our chef?
<TEXTAREA NAME="request" ROWS="4" COLS="80"></TEXTAREA>
<P>
<INPUT TYPE="SUBMIT" VALUE="submit">
<INPUT TYPE="RESET" VALUE="reset">
</FORM>
</BODY>
</HTML>
