<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME=Author CONTENT="Jan Nylund">
<META NAME=Description CONTENT="Assignment number four">
<META NAME=Keywords CONTENT="HTML 4, forms, web-design">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Forms</TITLE>
</HEAD>
<BODY>
<H1>Favorite pastimes</H1>
<!-- Form to request information about people's favorite pastime -->
<FORM ACTION="mailto:jan.nylund@mbox302.swipnet.se" METHOD=POST ENCTYPE="text/plain">
<INPUT TYPE="hidden" NAME="Request Form" VALUE="Favorite pastime">
<!-- A table that is used to format the form -->
<TABLE width="100%" cellpadding="5">
<TR>
<!-- Type in your name -->
<TD>Name
<TD><INPUT TYPE="text" NAME="Name" SIZE="55">
<TR>
<!-- Type in your email -->
<TD>E-mail
<TD><INPUT TYPE="text" NAME="E-mail" SIZE="55">
<TR>
<TD>Country
<!-- Select a country -->
<TD><SELECT NAME="Country">
<OPTION VALUE="USA">USA
<OPTION VALUE="Canada">Canada
<OPTION VALUE="Sweden">Sweden
<OPTION VALUE="Germany">Germany
<OPTION VALUE="England">England
<OPTION VALUE="France">France
<OPTION VALUE="Other">Other
</SELECT>
<TR>
<TD>Gender
<!-- Select your gender, when you use radio buttons they are mutually exclusive: when one is switched on, all others with the same name are switched off -->
<TD> Male <INPUT TYPE="radio" NAME="Sex" VALUE="Male">
Female <INPUT TYPE="radio" NAME="Sex" VALUE="Female">
<TR>
<TD>Age
<!-- Select your age, when you use radio buttons they are mutually exclusive: when one is switched on, all others with the same name are switched off -->
<TD>
0-12 <INPUT TYPE="radio" NAME="Age" VALUE="Child">
13-19 <INPUT TYPE="radio" NAME="Age" VALUE="Teenager">
20-35 <INPUT TYPE="radio" NAME="Age" VALUE="20-35">
36-50 <INPUT TYPE="radio" NAME="Age" VALUE="35-50">
50-65 <INPUT TYPE="radio" NAME="Age" VALUE="50-65">
66+ <INPUT TYPE="radio" NAME="Age" VALUE="65+">
<TR>
<TH align="left" valign="middle" height="30" colspan="2">Is this your Interests? (Mark all that apply)
<TR>
<!-- Choose your interest with Checkboxes one or all -->
<TD>Fishing
<TD><INPUT TYPE="checkbox" NAME="Hobby" VALUE="Fishing">
<TR>
<TD>Reading Novels
<TD><INPUT TYPE="checkbox" NAME="Hobby" VALUE="Reading Novels">
<TR>
<TD>Sports
<TD><INPUT TYPE="checkbox" NAME="Hobby" VALUE="Sports">
<TR>
<TD>Computer Games
<TD><INPUT TYPE="checkbox" NAME="Hobby" VALUE="Computer Games">
<TR>
<TD>Travel
<TD><INPUT TYPE="checkbox" NAME="Hobby" VALUE="Travel">
</TABLE>
<BR>
<STRONG>Additional Information</STRONG>
<BR>
<!-- Textarea wher you could type a longer message -->
<TEXTAREA NAME="Additional information" ROWS="8" COLS="70">
Do you have some more hobbies or none of them above? Name some:
</TEXTAREA>
<BR>
<BR>
<!-- Submit the form, Submit button -->
<INPUT TYPE="submit" VALUE="submit">
<!-- Reset the form, Reset button -->
<INPUT TYPE="reset" VALUE="reset">
</FORM>
<!-- Form ends-->
<HR>
<p>
<a href="http://validator.w3.org/check/referer">
<img border=0 src="http://www.w3.org/Icons/valid-html40" alt="Valid HTML 4.0!" height=31 width=88>
</a>
</p>
</BODY>
</HTML>