您的位置：首页 > 其它

根据选择显示不同的界面

2007-07-18 11:02 218 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>根据选择显示不同的界面</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function init(){
if(teacher.checked){
teacherForm.style.display='';
studentForm.style.display='none';
}
else{
teacherForm.style.display='none';
studentForm.style.display='';
}
}
</script>
</head>

<body onload="init()">
<input type="radio" checked="checked" value="老师" name="test"
id="teacher"
onclick="teacherForm.style.display='';studentForm.style.display='none'">
老师
<input type="radio" value="学生" name="test" id="student"
onclick="teacherForm.style.display='none';studentForm.style.display=''">
学生
<br>
<form action="" id="teacherForm">
<TABLE id="table1" width="50%" border=0>
<TBODY>
<TR>
<TD>
教师姓名:
</TD>
<TD>
<input type="text">
</TD>
</TR>
<TR>
<TD>
所在部门:
</TD>
<TD>
<input type="text">
</TD>
</TR>
</TBODY>
</TABLE>
</form>

<form action="" id="studentForm" style="display:'none'">
<TABLE id="table2" width="50%" border=0 >
<TBODY>
<TR>
<TD>
学生姓名:
</TD>
<TD>
<input type="text">
</TD>
</TR>
<TR>
<TD>
所在班级:
</TD>
<TD>
<input type="text">
</TD>
</TR>
</TBODY>
</TABLE>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航