设计表单页面，它是静态页面，使用HTML编写，而且使用了JavaScript脚本语言来验证填写表单数据，表单页面为form.htm，代码如下：
<html><head><title>教师信息登记表</title></head>
<script language="JavaScript">...
function checkit()...{
var theForm; theForm=document.teacForm; if(theForm.Name.value=="")...{ alert("请输入教师注册名！"); document.teacForm.Name.focus(); return false;
} if(theForm.TrueName.value=="")...{ alert("请输入教师真实姓名！"); theForm.TrueName.focus(); return false; } if(theForm.PersonalCode.value=="")...{ alert("身份证号码不能为空！"); theForm.PersonalCode.focus(); return false; } if(theForm.pwd.value=="")...{ alert("密码不能为空！"); theForm.pwd.focus(); return false; } if(theForm.cfmpwd.value=="")...{ alert("前后两次输入的密码不一致！"); theForm.cfmpwd.focus(); return false; } if(theForm.BirthDate.value=="")...{ alert("请选择出生日期！"); theForm.BirthDate.focus(); return false; } if(theForm.HomeNum.value=="")...{ alert("电话号码不能为空！"); theForm.HomeNum.focus(); return false; } if(theForm.Email.value=="")...{ alert("Email不能为空！"); theForm.Email.focus(); return false; } if(theForm.Office.value=="")...{ alert("请选择办公所在教研室！"); theForm.Office.focus(); return false; } if(theForm.Edu.value=="")...{ alert("请选择您的最高学历！"); theForm.Edu.focus(); return false; } if(theForm.Post.value=="")...{ alert("请选择您的职称！"); theForm.Post.focus(); return false; } theForm.submit();
}</script><body><center><h1>教师信息登记表</h1><hr><form name="teacForm" action="submitform.jsp" method="post"><table><tbody><tr><td><b>注册名称</b></td><td><input type="text" name="Name" size="10"></td></tr><tr><td><b>登陆密码</b></td><td><input type="password" name="pwd" size="20"></td></tr><tr><td><b>重复密码</b></td><td><input type="password" name="cfmpwd" size="20"></td></tr><tr><td><b>真实姓名</b></td><td><input type="text" name="TrueName" size="10"></td></tr><tr><td><b>身份证号</b></td><td><input type="text" name="PersonalCode" size="20"></td></tr><tr><td><b>性别</b></td><td><input type="radio" value="男" name="Sex" checked>男<input type="radio" value="女" name="Sex">女</td></tr><tr><td><b>出生日期</b></td><td><select name="BirthDate"><option checked value=""></option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option