📄 student.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>学生信息管理</title>
<style type="text/css">
h2.a1{ font-family:楷体; font-size: 36px; color: #990033; text-align:center}
</style>
<script language="javascript">
function chkvalidate()
{ var num=document.getElementById("num1");
var name=document.getElementById("name");
var familyaddr=document.getElementById("familyaddr");
if(num.value=="")
{
alert("学生编号不能为空，请输入学生编号！");
num.focus();
return false;
}
else if(name.value=="")
{
alert("姓名不能为空，请输入学生姓名！");
name.focus();
return false;
}
else if(familyaddr.value=="")
{
alert("家庭住址不能为空，请输入学生家庭住址！");
familyaddr.focus();
return false;
}
else return true;
}
function chkage()
{
var age=document.getElementById("age");
var pos=age.value.search(/^\d{1,2}$/);
if(pos!=0)
{ alert("你输入的年龄格式不对，正确的格式为1至3个数字，\n"+"且第一位只能为0或1！请重新输入！");
age.focus();
age.select();
return false;
}
else return true;
}
/*function chksick()
{
var sickdes=document.getElementById("description");
if(form1.sick[1].checked)
{ sickdes.onblur();
sickdes.style.backgroundcolor="#999999";
}
}*/
function sickcheck(sick)
{
var sickdes=document.getElementById("description");
switch(sick){
case 'have':
sickdes.disabled = false;
sickdes.style.backgroundColor="white";
break;
case 'none':
sickdes.disabled = true;
sickdes.value="";
sickdes.style.backgroundColor="#999999";
break;
}
}
</script>
</head>
<body bgcolor="#3366CC">
<h2 class="a1">学生信息管理</h2>
<form name="form1" action="" onsubmit="chkvalidate();">
<table align="center" >
<tr>
<td align="right">学生编号</td>
<td align="left"><input type="text" size="30" id="num1"></td>
<td align="right"> 邮政编码</td>
<td align="left"><input type="text"></td>
</tr>
<tr>
<td align="right">学生姓名</td>
<td align="left"><input type="text" size="30" id="name"></td>
<td align="right"> 联系人及联系方式</td>
<td align="left"><input type="text"size="10"> <input type="text"></td>
</tr>
<tr>
<td align="right">出生日期</td>
<td align="left"><select>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
</select>年
<select>
<option>1</option> <option>2</option> <option>3</option>
<option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option>
<option>9</option> <option>10</option> <option>11</option> <option>12</option>
</select>月
<select>
<option>1</option> <option>2</option> <option>3</option>
<option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option>
<option>9</option> <option>10</option> <option>11</option> <option>12</option>
</select>日
</td>
<td align="right"> 联系人及联系方式2</td>
<td align="left"><input type="text"size="10"> <input type="text"></td>
</tr>
<tr>
<td align="right">年龄</td>
<td align="left"><input type="text" id="age" onchange="chkage();"></td>
<td align="right"> 联系人及联系方式3</td>
<td align="left"><input type="text"size="10"> <input type="text"></td>
</tr>
<tr>
<td align="right">性别</td>
<td align="left"><input type="radio" checked>女 <input type="radio"> 男</td>
<td align="right"> 家庭住址</td>
<td align="left"><input type="text" id="familyaddr"></td>
</tr>
<tr>
<td align="right">名族</td>
<td align="left"><select>
<option>汉</option>
<option>朝鲜</option>
<option>回</option>
<option>藏</option>
</select></td>
<td align="right"> 重大病史</td>
<td align="left"><input type="radio" name="sick" value="have" onclick="sickcheck('have');">有
<input type="radio" name="sick" value="none" onclick="sickcheck('none');"> 无</td>
</tr>
<tr>
<td align="right">婚否</td>
<td align="left"><input type="radio">已婚 <input type="radio" checked> 未婚 <input type="radio"> 离异</td>
<td align="right"></td>
<td rowspan="3" align="left"><textarea rows="3" cols="27" id="description"> </textarea> </td>
</tr>
<tr>
<td align="right">固定电话</td>
<td align="left"><input type="text" size="30"></td>
<td align="right"> 病史概述</td>
</tr>
<tr>
<td align="right">手机号码</td>
<td align="left"><input type="text" size="30"></td>
<td align="right"></td>
</tr>
<tr>
<td align="right">邮编地址</td>
<td align="left"><input type="text" size="30"></td>
<td></td>
<td align="left">
<input type="button" value="下一步"> <input type="submit" value="提交" onclick="chkvalidate();">
</td>
</tr>
</table>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -