HTML for Forms Example Page

This is the HTML coding for the page on the left, beginning with the survey:


<CENTER><H3>Best Movies Survey</H3></CENTER>

If you would like to receive a summary, via email, of the results of this survey, please enter your email address in this box:

<FORM ACTION="mailto:acadamen@stmarytx.edu" METHOD=POST>

<INPUT TYPE=text NAME="email" SIZE=25 MAX LENGTH=100>
<P><HR>
<TABLE BORDER=0 CELLPADDING=2>
<TR><TD>These are the top 10 movies of all time, according to the American Film Institute. How many have you seen? (Click all that apply by holding down the CTRL key while clicking)</TD>
<TD><SELECT SIZE=5 MULTIPLE NAME="seen">
<OPTION>Citizen Kane
<OPTION>Casablanca
<OPTION>The Godfather
<OPTION>Gone with the Wind
<OPTION>Lawrence of Arabia
<OPTION>The Wizard of Oz
<OPTION>The Graduate
<OPTION>On the Waterfront
<OPTION>Schindler's List
<OPTION>Singing in the Rain
</SELECT></TD></TR></TABLE>

<P><HR><P>

If you could add up to 5 movies to the top 10 what would they be?

<OL>
<LI><INPUT TYPE=text" NAME="add" SIZE=40>
<LI><INPUT TYPE=text" NAME="add" SIZE=40>
<LI><INPUT TYPE=text" NAME="add" SIZE=40>
<LI><INPUT TYPE=text" NAME="add" SIZE=40>
<LI><INPUT TYPE=text" NAME="add" SIZE=40>
</OL>

<P><HR><P>

Which movies would you remove from AFI's top 10 to make room for your choices? (Enter the same number of titles here as in the previous response)

<OL>
<LI><INPUT TYPE=text" NAME="dump" SIZE=40>
<LI><INPUT TYPE=text" NAME="dump" SIZE=40>
<LI><INPUT TYPE=text" NAME="dump" SIZE=40>
<LI><INPUT TYPE=text" NAME="dump" SIZE=40>
<LI><INPUT TYPE=text" NAME="dump" SIZE=40>
</OL>

<P><HR><P>

Who do you think is the best director of all time? (Choose 1)
<P>
<INPUT TYPE=radio NAME="dir" VALUE="welles">Orson Welles
<INPUT TYPE=radio NAME="dir" VALUE="ffc">Francis Ford Coppola
<INPUT TYPE=radio NAME="dir" VALUE="ss">Stephen Spielberg
<INPUT TYPE=radio NAME="dir" VALUE="other">Other
<P>
If you chose "other," please enter your choice for the best director of all time here:

<INPUT TYPE=text NAME="dir" SIZE=35 MAX LENGTH=100>

<P><HR><P>

Which of these actors do you think would belong in a top 10 of all time list? (Check all that apply?)
<TABLE BORDER=0 CELLPADDING=2)
<TR>
<TD><INPUT TYPE=checkbox NAME="actor" VALUE="pacino" CHECKED>Al Pacino</td>
<td><INPUT TYPE=checkbox NAME="actor" VALUE="otoole">Peter O'Toole</td>
<td><INPUT TYPE=checkbox NAME="actor" VALUE="bogie">Humphrey
Bogart</td></tr>
<tr><td><INPUT TYPE=checkbox NAME="actor" VALUE="hoff">Dustin Hoffman</td>
<td><INPUT TYPE=checkbox NAME="actor" VALUE="brando">Marlin Brando</td>
<td><INPUT TYPE=checkbox NAME="actor" VALUE="kelly">Gene Kelly</td></tr>
</table>

<P><HR><P>

Given these movies (ranked #2-6 by the AFI), which would you rate as number one, if you don't think <i>Citizen Kane</i> should be number one?
<P>
<SELECT NAME="uno">
<OPTION>Citizen Kane should be #1
<OPTION>Casablanca
<OPTION>The Godfather
<OPTION>Lawrence of Arabia
</SELECT>

<P><HR><P>

<TABLE BORDER=0 CELLPADDING =2>
<TR>
<TD>What is the choice in the AFI top 10 that most outrages you? Why?
<P>Feel free to vent in the box at the right:</TD>
<TD>
<TEXTAREA NAME="outrage" ROWS=6 COLS=25>
Movie title:
Vent:
</TEXTAREA>
</TD></TR></TABLE>

<P><HR><P>

If you would like to clear your choices and start over, click this button:

<INPUT TYPE=reset VALUE="Start Over"><BR>

NOTE: Clicking this button will erase ALL of your responses.

<P><HR><P>

When you are ready to submit your survey responses, <BR>

click on this button:

<INPUT TYPE=submit VALUE="Submit Responses">

</FORM>

<P>

Thank you for completing our survey!

</BODY></HTML>