`

根据选择显示不同的界面

阅读更多
<!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>


分享到:
评论

相关推荐

    仿美团城市选择界面

    2. **响应式布局**:为了适应不同设备和屏幕尺寸,界面应采用响应式设计,确保在手机、平板等设备上都能正常显示和操作。 3. **数据结构与存储**:城市数据通常以数据库或JSON文件形式存储,包括城市名、ID、地理...

    qt 界面适应多屏幕显示

    qt 界面适应多屏幕显示,首先获取几个显示器,然后根据当前显示器的分辨率,调整界面显示,还可以得到缩放比例等

    Win10系统命令提示符窗口界面颜色的设置方法.docx

    用户可以根据自己的需求,选择合适的颜色方案和字体样式,自定义命令提示符窗口界面颜色,提高工作效率和用户体验。 五、常见问题 Q: 如何打开命令提示符窗口? A: 可以按 Win+R 键,打开运行,输入 CMD,回车,...

    qt 界面跳转 界面跳转 界面跳转

    总的来说,QT提供了一系列灵活的工具来实现界面跳转,开发者可以根据需求选择合适的方法。无论是在大型项目还是小型应用中,理解并熟练运用这些技巧都能帮助我们构建更加用户友好的图形界面应用程序。

    Java下拉框监听,加入界面,切换界面的处理

    例如,根据下拉框的选项显示不同的界面: ```java comboBox.addActionListener(e -&gt; { String selectedOption = (String) comboBox.getSelectedItem(); if ("Option 1".equals(selectedOption)) { // 切换到与...

    3种不同横向尺子选择效果可滑动选择适用于身高体重等选择界面总有一款是你需要的.rar

    "3种不同横向尺子选择效果可滑动选择适用于身高体重等选择界面总有一款是你需要的.rar"这个压缩包文件就提供了解决此类问题的解决方案。下面我们将深入探讨这三种不同的横向尺子选择效果。 首先,尺子选择器是一种...

    Unity3D学习 愤怒的小鸟之关卡选择界面(六)

    在愤怒的小鸟关卡选择界面中,可能需要不同关卡的图片和一个主背景图。 5. **Button组件**:用于创建可点击的交互元素。你可以设置按钮的激活状态、点击动画,以及与之关联的脚本事件,如点击后播放声音或跳转到下...

    atm自动取款机模拟界面设计

    5. 根据不同选择进入以下界面,例如取款、转帐、修改密码等。 6. 交易成功后,提示取出现金、打印交易信息等。 7. 选择继续进入选择界面,选择取消进入打印界面。 该设计的主要技术点包括: 1. GUI界面设计:使用...

    ATM机界面程序

    3. **多语言支持**:根据用户的选择,显示相应的语言版本。 ### 三、实验要求 1. **代码长度限制**:如果源代码少于100行,则需附上完整的源代码;如果超过100行,则只需提供核心部分的代码,并附带功能说明。 2. ...

    Eclipse信美团城市选择界面

    这需要实现搜索过滤算法,根据用户输入的关键词动态更新显示的城市列表。 5. **UI设计**:界面的美观度和易用性是关键。开发者可能使用了JavaFX或Swing库中的组件,并自定义了样式,以匹配美团应用的视觉风格,包括...

    基于MFC的不规则的按钮 在界面上显示不同的按钮如 三角形 四边形 五边形等

    在这个场景中,我们将探讨如何使用MFC来实现在界面上显示三角形、四边形、五边形等不规则形状的按钮。 首先,我们需要理解MFC中的按钮控件。MFC中的CButton类是标准的Windows按钮控件的抽象,它提供了一些基本功能...

    欢迎界面进度条显示

    进度条可以是线性的,也可以是环形的,根据不同的视觉设计和功能需求选择合适的样式。 3. **Android与iOS的实现**:在Android平台上,可以通过自定义`View`或使用`ProgressBar`控件来实现进度条效果,结合`Handler`...

    qt实现的16进制显示界面

    2. **设计布局(Layout)**:使用QLayout管理窗口部件的布局,确保控件在不同屏幕尺寸下都能正确显示。可以选择QHBoxLayout、QVBoxLayout或QGridLayout,根据需求来决定。 3. **自定义控件(QStyledItemDelegate)*...

    组态软件人机界面设计规范

    (1)限制同时显示的颜色数一般同一界面不宜超过 4 或 5 种,可用不同层次及形状来配合颜色增加的变化。 (2)界面中活动对象颜色应鲜明,而非活动对象应暗淡,对象颜色应不同,前景色宜鲜艳一些,背景则应暗淡。 ...

    在左界面点击显示各个界面

    综上所述,“在左界面点击显示各个界面”的核心在于利用`Intent`和`Activity`的机制实现界面跳转,通过`switch-case`语句根据不同条件选择加载的界面,并借助`ListView`的`OnItemClickListener`监听事件响应用户的...

    日期时间选择器(一个界面分开)

    "日期时间选择器(一个界面分开)"的标题表明这是一个设计,将日期和时间的选择分开在两个不同的界面进行,提供更清晰的操作体验。 描述中提到,这个日期时间选择器是经过测试并证明是可用的,这意味着开发者已经对...

    pb11.5界面美化源码

    8. **错误处理和提示**:美观的界面不仅仅是视觉上的,还包括对用户错误的友好提示,如使用友好的错误消息和指导性的提示。 在深入研究这份源码时,你需要具备PowerBuilder的基础编程知识,包括PBL(PowerBuilder ...

    tkinter界面设计师

    同时,自定义样式和主题也是Tkinter界面设计师可能提供的功能,允许用户根据自己的需求调整界面的外观。 在实际开发中,利用这样的图形化工具,开发者可以快速创建出符合业务需求的界面原型,然后导出对应的Tkinter...

    安卓 应用程序-欢迎界面-引导界面-应用界面

    在安卓应用开发中,用户首次使用应用程序时,通常会遇到几种不同的界面,包括欢迎界面(Splash Screen)、引导界面(Onboarding Screen)以及应用界面。这些界面的设计和逻辑处理对于提升用户体验至关重要。以下将...

    Labview界面切换

    2. **选择结构**:利用选择结构(Case Structure)可以根据不同的条件(如用户选择的菜单项或按钮状态)选择加载不同的前面板。 3. **子VI引用**:使用子VI来实现各个独立的界面,并通过主VI中的控件调用这些子VI,...

Global site tag (gtag.js) - Google Analytics