Tutorial 13: Giving Form to Forms - HTML with Style | 4 | WebReference

Tutorial 13: Giving Form to Forms - HTML with Style | 4

index123456789101112131415161718192021exercises1

Tutorial 13: Giving Form to Forms

Submit buttons

A submit button is a button which, when clicked (or otherwise activated), will submit the form with its current values. Submit buttons may have names and values, or they may not. If they don't then the button simply says "Submit Query" or something similar. Otherwise, it displays the contents of the VALUE attribute. You can also have multiple submit buttons with different names and/or values, so clicking on a different button will produce a different result. So, our subscription form can be completed like this: (Note: actually submitting the following forms will just load the current page again).

<FORM ACTION="/cgi-bin/html/formdump.cgi" 
      METHOD="GET" ENCTYPE="application/x-www-form-urlencoded">
<P>Enter your e-mail address:
<INPUT TYPE="text" NAME="email" SIZE="30">
<P>Subscribe
<INPUT TYPE="radio" NAME="action" VALUE="subscribe">
Unsubscribe
<INPUT TYPE="radio" NAME="action" VALUE="unsubscribe" CHECKED>
<INPUT TYPE="submit" VALUE="Submit">
</FORM>

Enter your e-mail address:

Subscribe Unsubscribe

Or, it can be rewritten like this:

<FORM ACTION="/cgi-bin/html/formdump.cgi" 
      METHOD="GET" ENCTYPE="application/x-www-form-urlencoded">
<P>Enter your e-mail address:
<INPUT TYPE="text" NAME="email" SIZE="30">
<P>
<INPUT TYPE="submit" NAME="action" VALUE="Subscribe">
<INPUT TYPE="submit" NAME="action" VALUE="Unsubscribe">
</FORM>

Enter your e-mail address:

index123456789101112131415161718192021exercises1

Produced by Stephanos Piperoglou

URL: http://www.webreference.com/html/tutorial13/11.html

Created: May 28, 1998
Revised: February 25, 1999