rendered paste body<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang='en'>
<head>
<title>Assignment2 - Home</title>
<link rel='stylesheet' href='../css/sitecss.css' type='text/css' media='screen' />
<link rel='stylesheet' href='../css/formcss.css' type='text/css' media='screen' />
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1">
<tr valign="top" align="center">
<td>
<h2> xHTML Tags Usage </h2>
<br />
<p>The following examples are two different ways the tags can be used using different attribues.</p>
<br />
<form method='post' name='example'
action='http://cs.senecac.on.ca/~int222/cgi-bin/registration.cgi'>
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr align='left' valign='top'>
<td>
<table width='800' border='6' cellspacing='0' cellpadding='2'>
<tr>
<td colspan='2'>
User Name <input type='text' class='mybuttons' size='18' maxlength='20' onkeypress="return alpha" name='field01' id='field01'/>
<br />
User ID <input type='text' class='mybuttons' size='18' maxlength='18' name='field02' id='field02' />
<br />
Year of Birth <input type='text' class='mybuttons' size='5' maxlength='4' name='field03' id='field03' />
<br />
<p>Country of Birth:</p>
<select name='field04' id='field04' size='4'>
<option> Canada </option>
<option> U.S.A </option>
<option> China </option>
<option> Other </option>
</select>
<br />
<p>Things of Interest:</p>
<ol>
<li> <input type='checkbox' class='mybuttons' name='field05' id='field05' value='1' />Computers.</li>
<li> <input type='checkbox' class='mybuttons' name='field05' id='field05' value='2' />Sports.</li>
<li> <input type='checkbox' class='mybuttons' name='field05' id='field05' value='3' />Video Games.</li>
<li> <input type='checkbox' class='mybuttons' name='field05' id='field05' value='4' />Movies.</li>
</ol>
<p> Children: </p>
<ul>
<li> <input type='radio' class='mybuttons' name='field06' id='field06' value='one' /> One.</li>
<li> <input type='radio' class='mybuttons' name='field06' id='field06' value='two' /> Two.</li>
<li> <input type='radio' class='mybuttons' name='field06' id='field06' value='more' /> More Than 2.</li>
<li> <input type='radio' class='mybuttons' name='field06' id='field06' value='none' /> None.</li>
</ul></li>
<p> Thoughts or Suggestions: </p>
<textarea name='field07' id='field07' rows='2' cols='80'>
</textarea>
<br />
<input type='hidden' value='N' size='5' maxlength='10' name='field08' id='field08' />
<input type='hidden' value='Jeremy' size='10' maxlength='10' name='surname' id='surname' />
<input type='hidden' value='int222_081b32' size='10' maxlength='10' name='zenit' id='zenit' />
<input type='hidden' value='Tipson' size='10' maxlength='10' name='professor' id='professor' />
</td>
<td align='center'>
<p>
To submit, press <input type='submit' class='mybuttons' value='Submit Information' />
<br /><br />
To clear, press <input type='reset' class='mybuttons' value=' Clear ' />
</p>
</td>
</tr>
</table>
<script type='text/javascript'>
//<![CDATA[
document.write ("<a href='http://validator.w3.org/check?uri="+
location.href+"\;ss=1;verbose=1' target='display'>" +
"<img src='http://cs.senecac.on.ca/~int222/images/valid-xhtml10.gif' " +
"alt='Valid XHTML 1.0!' title='Valid XHTML 1.0!' " +
"height='21' width='60' border='0' /></a>")
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
document.write ("<a href='http://jigsaw.w3.org/css-validator/validator?uri=" +
location.href +"' target='display'>" +
"<img src='http://cs.senecac.on.ca/~int222/images/vcss.gif' " +
"alt='Valid CSS' title='Valid CSS' " +
"height='21' border='0' width='60' /></a>")
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
dt=new Date(document.lastModified);
document.write("This page was last modified on "+dt.toLocaleString())
//]]>
</script>
</td>
</tr>
</table>
</body>
</html>