根据选择显示不同的界面
<!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 > <input type="radio" checked="checked" value="老师" name="test" id="teacher" > 老师 <input type="radio" value="学生" name="test" id="student" > 学生 <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>
页:
[1]