Introduction to HTML - H101.80 (Jan 5, 2009)

Week 5 - Forms and validation.
  • Understand the structure of forms
  • Create forms that can return the responses via email
  • Understand how the validating process works
  • Create "valid" html files according to the W3C specifications

Week5 Web Page

File5.html Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>My Fifth File</TITLE>
<META name="description" content="week5 HTML assignment">
<META name="keywords" content="HTML,Week5,assignemnt">
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
</HEAD>
<BODY>
<H3><font color="green">Week 5 of Introduction to HTML 4.01</font></H3>
<form action="warrensmailer.php" method="post" ENCTYPE="multipart/form-data">
<table frame="vsides" rules="cols" border="1" cellpadding="5" cellspacing="1" summary="Week 5 Form" width="700" bgcolor="e7e7c8">

<tr>
<td colspan="2">
<img src="intro_to_html_2009_week5a.gif" align="bottom" height="75" width="700" alt="Week 5 header">
</td>
</tr>

<tr>
<th align="right">Candy Selection Menu</th>
<td>
<select name="Candy Selection Menu">
<option value="Hersheys_Kisses_and_Hugs">Hershey's Kisses and Hugs</option>
<option value="Reeses">Reeses</option>
<option value="Snickers">Snickers</option>
<option value="Butterfinger">Butterfinger</option>
</select>
</td>
</tr>

<tr>
<th align="right">Cereal Selection Menu</th>
<td>
<select name="Cereal Selection Menu">
<option value="Corn_Flakes">Corn Flakes</option>
<option value="Rice_Chex">Rice Chex</option>
<option value="Life">Life</option>
<option value="Cheerios">Cheerios</option>
</select>
</td>
</tr>

<tr>
<th align="right">Vegetable Selection Menu</th>
<td>
<select name="Vegetable Selection Menu">
<option value="Broccoli">Broccoli</option>
<option value="Corn">Corn</option>
<option value="Carrots">Carrots</option>
<option value="Green_Beans">Green_Beans</option>
</select>
</td>
</tr>

<tr>
<th align="right">Ice Cream Selection Buttons</th>
<td>
<input type="radio" name="Ice_Cream" value="vanilla">Vanilla
<input type="radio" name="Ice_Cream" value="chocolate">Chocolate
</td>
</tr>

<tr>
<th align="right">Candy Bar Selection Buttons</th>
<td>
<input type="radio" name="other_candy" value="Twix">Twix
<input type="radio" name="other_candy" value="Tootsie Roll">Tootsie Roll
</td>
</tr>

<tr>
<th align="right">Other Stuff Selection Checkboxes</th>
<td>
<input type="checkbox" name="Other_Candy_too" value="Candy1" checked="checked">Candy 1
<input type="checkbox" name="Other_Candy_too" value="Candy2">Candy 2
<input type="checkbox" name="Other_Candy_too" value="Candy3">Candy 3
</td>
</tr>

<tr>
<th align="right">Other Food Selection Text Area:</th>
<td>
<textarea name="candy" rows="10" cols="48"></textarea>
</td>
</tr>

<tr>
<th align="right">Name:</th>
<td>
<input type="text" name="name" value="">
</td>
</tr>

<tr>
<th align="right">E-Mail Address</th>
<td>
<input type="text" name="email" value="">
<input type="hidden" name="hidden_name" value="intro2html">
</td>
</tr>

<tr>
<th align="right">Order Button</th>
<td><input type="submit" value="Order Now"></td>
</tr>

<tr>
<th></th>
<td align="right"><input type="reset" value="Reset"></td>
</tr>

<tr>
<td colspan="2">
<img src="intro_to_html_2009_week5b.gif" align="bottom" height="75" width="700" alt="Week 5 footer">
</td>
</tr>


</table>
</form>

<a href="http://www.warrenswork.com/classes/into_to_html_2009/week5.html">Week5 Web Page</a><br>
<a href="http://www.auctionpalms.com">AuctionPalms.com</a>

</BODY>
</HTML>

 

HTML Validation Results

Document Checked

Congratulations, no errors!

 

 

 

Week 5 of Introduction to HTML 4.01

Week 5 header
Candy Selection Menu
Cereal Selection Menu
Vegetable Selection Menu
Ice Cream Selection Buttons Vanilla Chocolate
Candy Bar Selection Buttons Twix Tootsie Roll
Other Stuff Selection Checkboxes Candy 1 Candy 2 Candy 3
Other Food Selection Text Area:
Name:
E-Mail Address
Order Button
Week 5 footer
Week5 Web Page.html
AuctionPalms.com

 


This site is being used to display work created for the online Introduction to HTML class from eClasses.org: Introduction to HTML - H101.80 (Jan 5, 2009) Instructor - Frani Ciesielski

Banner
5 free Domains with Select Hosting Plans. Get yours!

About Us | Site Map | Privacy Policy | Contact Us | ©2009 Warrenswork.com