That was way back in the email and static html days (picks were submitted by email, pages updated by hand), but here's the form we used:
<html>
<head>
<title>NFL '98 - Pool Entry Form</title>
<script language="JavaScript">
function clearAll() {
// Clear all generated options.
document.entryForm.D1.options[1] = new Option("to be determined", "");
document.entryForm.D2.options[1] = new Option("to be determined", "");
document.entryForm.D3.options[1] = new Option("to be determined", "");
document.entryForm.D4.options[1] = new Option("to be determined", "");
document.entryForm.C1.options[1] = new Option("to be determined", "");
document.entryForm.C1.options[2] = new Option("to be determined", "");
document.entryForm.C2.options[1] = new Option("to be determined", "");
document.entryForm.C2.options[2] = new Option("to be determined", "");
document.entryForm.SB.options[1] = new Option("to be determined", "");
document.entryForm.SB.options[2] = new Option("to be determined", "");
// Clear name field.
document.entryForm.elements["Your name"].value = "";
}
function wildcardAFC() {
// Clear options in later rounds.
document.entryForm.D1.options[1] = new Option("to be determined", "");
document.entryForm.D1.options[1].selected = false;
document.entryForm.D1.options[2].selected = false;
document.entryForm.D2.options[1] = new Option("to be determined", "");
document.entryForm.D2.options[1].selected = false;
document.entryForm.D2.options[2].selected = false;
document.entryForm.C1.options[1] = new Option("to be determined", "");
document.entryForm.C1.options[2] = new Option("to be determined", "");
document.entryForm.SB.options[1] = new Option("to be determined", "");
// If AFC Wildcard #3 picked, set it against AFC Divisional #1 and set pick of other wildcard
// game against AFC Divisional #2.
if (document.entryForm.W2.options[1].selected) {
document.entryForm.D1.options[1] = new Option(document.entryForm.W2.options[1].text, document.entryForm.W2.options[1].value);
if (document.entryForm.W1.options[1].selected)
document.entryForm.D2.options[1] = new Option(document.entryForm.W1.options[1].text, document.entryForm.W1.options[1].value);
else if (document.entryForm.W1.options[2].selected)
document.entryForm.D2.options[1] = new Option(document.entryForm.W1.options[2].text, document.entryForm.W1.options[2].value);
}
// If AFC Divisional #3 picked, set it against AFC Divisional #2 and set pick of other wildcard
// game against AFC Divisional #1.
else if (document.entryForm.W2.options[2].selected) {
document.entryForm.D2.options[1] = new Option(document.entryForm.W2.options[2].text, document.entryForm.W2.options[2].value);
if (document.entryForm.W1.options[1].selected)
document.entryForm.D1.options[1] = new Option(document.entryForm.W1.options[1].text, document.entryForm.W1.options[1].value);
else if (document.entryForm.W1.options[2].selected)
document.entryForm.D1.options[1] = new Option(document.entryForm.W1.options[2].text, document.entryForm.W1.options[2].value);
}
}
function wildcardNFC() {
// Clear options in later rounds.
document.entryForm.D3.options[1] = new Option("to be determined", "");
document.entryForm.D3.options[1].selected = false;
document.entryForm.D3.options[2].selected = false;
document.entryForm.D4.options[1] = new Option("to be determined", "");
document.entryForm.D4.options[1].selected = false;
document.entryForm.D4.options[2].selected = false;
document.entryForm.C2.options[1] = new Option("to be determined", "");
document.entryForm.C2.options[2] = new Option("to be determined", "");
document.entryForm.SB.options[2] = new Option("to be determined", "");
// If NFC Wildcard #3 picked, set it against NFC Divisional #1 and set pick of other wildcard
// game against NFC Divisional #2.
if (document.entryForm.W4.options[1].selected) {
document.entryForm.D3.options[1] = new Option(document.entryForm.W4.options[1].text, document.entryForm.W4.options[1].value);
if (document.entryForm.W3.options[1].selected)
document.entryForm.D4.options[1] = new Option(document.entryForm.W3.options[1].text, document.entryForm.W3.options[1].value);
else if (document.entryForm.W3.options[2].selected)
document.entryForm.D4.options[1] = new Option(document.entryForm.W3.options[2].text, document.entryForm.W3.options[2].value);
}
// If NFC Divisional #3 picked, set it against NFC Divisional #2 and set pick of other wildcard
// game against NFC Divisional #1.
else if (document.entryForm.W4.options[2].selected) {
document.entryForm.D4.options[1] = new Option(document.entryForm.W4.options[2].text, document.entryForm.W4.options[2].value);
if (document.entryForm.W3.options[1].selected)
document.entryForm.D3.options[1] = new Option(document.entryForm.W3.options[1].text, document.entryForm.W3.options[1].value);
else if (document.entryForm.W3.options[2].selected)
document.entryForm.D3.options[1] = new Option(document.entryForm.W3.options[2].text, document.entryForm.W3.options[2].value);
}
}
function divisionalAFC() {
// Clear AFC Super Bowl option.
document.entryForm.SB.options[1] = new Option("to be determined", "");
// Add the picked teams to the AFC Conference Championship selection list.
for (i = 1; i <= 2; i++)
if (document.entryForm.D1.options[ i ].selected)
document.entryForm.C1.options[1] = new Option(document.entryForm.D1.options[ i ].text, document.entryForm.D1.options[ i ].value);
for (i = 1; i <= 2; i++)
if (document.entryForm.D2.options[ i ].selected)
document.entryForm.C1.options[2] = new Option(document.entryForm.D2.options[ i ].text, document.entryForm.D2.options[ i ].value);
// Sort the two AFC Divisional winners in the Conference Championship selection list.
rank = new Array();
for (i = 1; i <= 2; i++) {
if (document.entryForm.C1.options[ i ].value == "")
rank[ i ] = 7;
if (document.entryForm.C1.options[ i ].value == document.entryForm.W2.options[1].value)
rank[ i ] = 6;
if (document.entryForm.C1.options[ i ].value == document.entryForm.W1.options[1].value)
rank[ i ] = 5;
if (document.entryForm.C1.options[ i ].value == document.entryForm.W1.options[2].value)
rank[ i ] = 4;
if (document.entryForm.C1.options[ i ].value == document.entryForm.W2.options[2].value)
rank[ i ] = 3;
if (document.entryForm.C1.options[ i ].value == document.entryForm.D2.options[2].value)
rank[ i ] = 2;
if (document.entryForm.C1.options[ i ].value == document.entryForm.D1.options[2].value)
rank[ i ] = 1;
}
if (rank[1] < rank[2]) {
temp = new Option(document.entryForm.C1.options[1].text, document.entryForm.C1.options[1].value);
document.entryForm.C1.options[1] = new Option(document.entryForm.C1.options[2].text, document.entryForm.C1.options[2].value);
document.entryForm.C1.options[2] = new Option(temp.text, temp.value);
}
}
function divisionalNFC() {
// Clear NFC Super Bowl option.
document.entryForm.SB.options[2] = new Option("to be determined", "");
// Add the picked teams to the NFC Conference Championship selection list.
for (i = 1; i <= 2; i++)
if (document.entryForm.D3.options[ i ].selected)
document.entryForm.C2.options[1] = new Option(document.entryForm.D3.options[ i ].text, document.entryForm.D3.options[ i ].value);
for (i = 1; i <= 2; i++)
if (document.entryForm.D4.options[ i ].selected)
document.entryForm.C2.options[2] = new Option(document.entryForm.D4.options[ i ].text, document.entryForm.D4.options[ i ].value);
// Sort the two NFC Divisional winners in the Conference Championship selection list.
rank = new Array();
for (i = 1; i <= 2; i++) {
if (document.entryForm.C2.options[ i ].value == "")
rank[ i ] = 7;
if (document.entryForm.C2.options[ i ].value == document.entryForm.W4.options[1].value)
rank[ i ] = 6;
if (document.entryForm.C2.options[ i ].value == document.entryForm.W3.options[1].value)
rank[ i ] = 5;
if (document.entryForm.C2.options[ i ].value == document.entryForm.W3.options[2].value)
rank[ i ] = 4;
if (document.entryForm.C2.options[ i ].value == document.entryForm.W4.options[2].value)
rank[ i ] = 3;
if (document.entryForm.C2.options[ i ].value == document.entryForm.D4.options[2].value)
rank[ i ] = 2;
if (document.entryForm.C2.options[ i ].value == document.entryForm.D3.options[2].value)
rank[ i ] = 1;
}
if (rank[1] < rank[2]) {
temp = new Option(document.entryForm.C2.options[1].text, document.entryForm.C2.options[1].value);
document.entryForm.C2.options[1] = new Option(document.entryForm.C2.options[2].text, document.entryForm.C2.options[2].value);
document.entryForm.C2.options[2] = new Option(temp.text, temp.value);
}
}
function conferenceAFC() {
// Add the picked AFC Champion to the Super Bowl selection list.
for (i = 1; i <= 2; i++)
if (document.entryForm.C1.options[ i ].selected)
document.entryForm.SB.options[1] = new Option(document.entryForm.C1.options[ i ].text, document.entryForm.C1.options[ i ].value);
}
function conferenceNFC() {
// Add the picked NFC Champion to the Super Bowl selection list.
for (i = 1; i <= 2; i++)
if (document.entryForm.C2.options[ i ].selected)
document.entryForm.SB.options[2] = new Option(document.entryForm.C2.options[ i ].text, document.entryForm.C2.options[ i ].value);
}
function validateForm() {
// Check for name.
if (document.entryForm.elements["Your name"].value == "") {
document.entryForm.elements["Your name"].focus()
alert("Please enter your name.")
return false
}
// Check for a pick in each game.
for (i = 0; document.entryForm.elements[ i ].name != "Your name"; i++)
if (!document.entryForm.elements[ i ].options[1].selected && !document.entryForm.elements[ i ].options[2].selected) {
document.entryForm.elements[ i ].focus();
alert("You must pick a team in each game.");
return false;
}
// All input validated, build the HTML for the table row and return true.
var cellstart = '<td><font face="Arial,Helvetica" size=2>';
var cellend = '</font></td>';
document.entryForm.elements["Picks"].value = '<tr>\n' + cellstart + document.entryForm.elements["Your name"].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.W1.options[document.entryForm.W1.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.W2.options[document.entryForm.W2.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.W3.options[document.entryForm.W3.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.W4.options[document.entryForm.W4.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.D1.options[document.entryForm.D1.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.D2.options[document.entryForm.D2.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.D3.options[document.entryForm.D3.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.D4.options[document.entryForm.D4.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.C1.options[document.entryForm.C1.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.C2.options[document.entryForm.C2.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += cellstart + document.entryForm.SB.options[document.entryForm.SB.selectedIndex].value + cellend + "\n";
document.entryForm.elements["Picks"].value += '</tr>';
return true;
}
</script>
</head>
<body background="grass.jpg" bgcolor="#000000" text="#ffffff" link="#ffff00" alink="#ffffff" vlink="#ffff00">
<center>
<table bgcolor="#000000" border=0 cellpadding=1 cellspacing=0 width=600><tr><td>
<table background="smokedglass.jpg" border=0 cellpadding=4 cellspacing=0 width=100%><tr><th>
<font face="Arial,Helvetica" size=4>Playoffs Pool Entry Form</font>
</th></tr></table>
</td></tr></table>
<p>
<form name="entryForm" action="http://www.response-o-matic.com/cgi-bin/rom.pl" method="post" onSubmit="return validateForm()" onReset="clearAll();">
<table bgcolor="#000000" border=0 cellpadding=1 cellspacing=0 width=600><tr><td>
<table background="smokedglass.jpg" border=0 cellpadding=4 cellspacing=1 width=100%>
<tr>
<td> </td>
<th><font color="#ffff00" face="Arial,Helvetica" size=2>Wildcard</font></th>
<th><font color="#ffff00" face="Arial,Helvetica" size=2>Divisional</font></th>
<th><font color="#ffff00" face="Arial,Helvetica" size=2>Conference</font></th>
<th><font color="#ffff00" face="Arial,Helvetica" size=2>Super Bowl</font></th>
</tr>
<tr align=center>
<th rowspan=2 width=80><font color="#ffff00" face="Arial,Helvetica" size=2>A<p>F<p>C</font></th>
<td width=130>
<font face="Arial,Helvetica" size=2>
AFC Wildcard 2<br>at<br>AFC Wildcard 1
<p>
<select name="W1" onchange="wildcardAFC()">
<option value="" selected>
<option value="AW2">AFC Wildcard 2
<option value="AW1">AFC Wildcard 1
</select><br>
(5 pts.)
</font>
</td>
<td width=130>
<font face="Arial,Helvetica" size=2>
Select AFC Wildcard winners to determine who plays at AFC Divisional 1
<p>
<select name="D1" onchange="divisionalAFC()">
<option value="" selected>
<option value="" >to be determined
<option value="AD1">AFC Divisional 1
</select><br>
(10 pts.)
</font>
</td>
<td rowspan=2 width=130>
<font face="Arial,Helvetica" size=2>
Select AFC Divisional winners to determine teams.
<p>
<select name="C1" onchange="conferenceAFC()">
<option value="" selected>
<option value="">to be determined
<option value="">to be determined
</select><br>
(10 pts.)
</font>
</td>
<td rowspan=4 width=130>
<font face="Arial,Helvetica" size=2>
Select Conference Champions to determine teams.
<p>
<select name="SB">
<option value="" selected>
<option value="">to be determined
<option value="">to be determined
</select><br>
(20 pts.)
</font>
</td>
</tr>
<tr align=center>
<td>
<font face="Arial,Helvetica" size=2>
AFC Wildcard 3<br>at<br>AFC Divisional 3
<p>
<select name="W2" onchange="wildcardAFC()">
<option value="" selected>
<option value="AW3">AFC Wildcard 3
<option value="AD3">AFC Divisional 3
</select><br>
(5 pts.)
</font>
</td>
<td>
<font face="Arial,Helvetica" size=2>
Select AFC Wildcard winners to determine who plays at AFC Divisional 2
<p>
<select name="D2" onchange="divisionalAFC()">
<option value="" selected>
<option value="" >to be determined
<option value="AD2">AFC Divisional 2
</select><br>
(10 pts.)
</font>
</td>
</tr>
<tr align=center>
<th rowspan=2><font color="#ffff00" face="Arial,Helvetica" size=2>N<p>F<p>C</font></th>
<td>
<font face="Arial,Helvetica" size=2>
NFC Wildcard 2<br>at<br>NFC Wildcard 1
<p>
<select name="W3" onchange="wildcardNFC()">
<option value="" selected>
<option value="NW2">NFC Wildcard 2
<option value="NW1">NFC Wildcard 1
</select><br>
(5 pts.)
</font>
</td>
<td>
<font face="Arial,Helvetica" size=2>
Select NFC Wildcard winners to determine who plays at NFC Divisional 1
<p>
<select name="D3" onchange="divisionalNFC()">
<option value="" selected>
<option value="" >to be determined
<option value="ND1">NFC Divisional 1
</select><br>
(10 pts.)
</font>
</td>
<td rowspan=2>
<font face="Arial,Helvetica" size=2>
Select NFC Divisional winners to determine teams.
<p>
<select name="C2" onchange="conferenceNFC()">
<option value="" selected>
<option value="">to be determined
<option value="">to be determined
</select><br>
(10 pts.)
</font>
</td>
</tr>
<tr align=center>
<td>
<font face="Arial,Helvetica" size=2>
NFC Wildcard 3<br>at<br>NFC Divisional 3
<p>
<select name="W4" onchange="wildcardNFC()">
<option value="" selected>
<option value="NW3">NFC Wildcard 3
<option value="ND3">NFC Divisional 3
</select><br>
(5 pts.)
</font>
</td>
<td>
<font face="Arial,Helvetica" size=2>
Select NFC Wildcard winners to determine who plays at NFC Divisional 2
<p>
<select name="D4" onchange="divisionalNFC()">
<option value="" selected>
<option value="" >to be determined
<option value="ND2">NFC Divisional 2
</select><br>
(10 pts.)
</font>
</td>
</tr>
</table>
</td></tr></table>
<p>
<table bgcolor="#000000" border=0 cellpadding=1 cellspacing=0 width=400><tr><td>
<table background="smokedglass.jpg" border=0 cellpadding=4 cellspacing=0 width=100%>
<tr>
<td><font face="Arial,Helvetica" size=2>Your name:</font> <input type="text" name="Your name" size=33 maxlength=50></td>
</tr>
</table>
</td></tr></table>
<p>
<input type="submit" value="Send"> <input type="reset" value="Clear">
<!-- fields for Response-O-Matic -->
<input type="hidden" name="your_email_address" value="myEmail@example.net">
<input type="hidden" name="your_name" value="My Name">
<input type="hidden" name="email_subject_line" value="Playoffs Entry Form">
<input type="hidden" name="required_fields" value="your_email_address">
<input type="hidden" name="thank_you_title" value="Your entry has been sent.">
<input type="hidden" name="background_color" value="#000000">
<input type="hidden" name="text_color" value="#ffffcc">
<input type="hidden" name="link_color" value="#cccccc">
<input type="hidden" name="visited_link_color" value="#999999">
<input type="hidden" name="active_link_color" value="#ffffff">
<input type="hidden" name="field_order" value="Picks">
<!-- field for generated HTML table row -->
<input type="hidden" name="Picks" value="">
</form>
<p>
<table bgcolor="#000000" border=0 cellpadding=1 cellspacing=0 width=400><tr><td>
<table background="smokedglass.jpg" border=0 cellpadding=4 cellspacing=0 width=100%>
<tr>
<td><font face="Arial,Helvetica" size=2><a href="entry.html"><b>Entry Form</b></a></font></td>
<td><font face="Arial,Helvetica" size=2><a href="results.html"><b>Pool Results</b></a></font></td>
<td><font face="Arial,Helvetica" size=2><a href="http://www.nfl.com/news/98schedule.html"><b>Schedule</b></a></font></td>
<td><font face="Arial,Helvetica" size=2><a href="http://www.nfl.com/gameday98/week1/scoreboard.html"><b>Scoreboard</b></a></font></td>
<td><font face="Arial,Helvetica" size=2><a href="http://www.nfl.com/standings/index.html"><b>Standings</b></a></font></td>
</tr>
</table>
</td></tr></table>
<p>
</center>
</body>
</html>