第一个文件：表单文件

<html>

<head><meta http-equiv="content-type" content="text/html;charset=gb2312">

<script>

   function selType(val){

       //window.alert('你点中了'+val);

      if(val=="jisuan"){

	    //显示计算界面，同时隐藏面积界面。

	    table1.style.display="block";

		table2.style.display="none";

	  }else if(val=="area"){

       //显示面积界面，同时隐藏计算界面。

	      table1.style.display="none";

		  table2.style.display="block";

	  }

   }

</script>

</head>

<form action="2.php" method="post">

<input type="radio" name="sel" value="aa" onclick="selType('jisuan')">四则运算

<input type="radio" name="sel" value="bb" onclick="selType('area')">计算面积

</form>

<form action="2.php" method="post">

<input type='hidden' name='doing' value='jisuan'>

<table id="table1" style="display:block">

<tr><td>第一个数</td><td><input type='text' name='num1'></td></tr>

<tr><td>第二个数</td><td><input type='text' name='num2'></td></tr>

<tr><td>请选择运算符</td><td>

<select name='oper'>

<option value='+'>+</option>

<option value='-'>-</option>

<option value='*'>*</option>

<option value='/'>/</option>

</select>

</td></tr>

<tr><td colspan="2"><input type="submit" value="开始计算"/></td></tr>

</table>

</form>

<form action="2.php" method="post">

<input type='hidden' name='doing' value='area'>

<table id="table2" style="display:none">

<tr><td>请输入半径</td><td><input type="text" name="radius"></td></tr>

<tr><td colspan="2"><input type="submit" value="计算面积"/></td></tr>  

</table>

</form>

</html>

第二个文件：接受执行文件

<?php

  require_once "3.class.php";

   $cat1=new Cat();

  //首先接受doing 值。

  $doing=$_REQUEST['doing'];

  if($doing=='jisuan'){

  $num1=$_REQUEST['num1'];

  $num2=$_REQUEST['num2'];

  $oper=$_REQUEST['oper'];

  echo "计算结果是：".$cat1->jisuan($num1,$num2,$oper);

  }

  if($doing=='area'){

	  $radius=$_REQUEST['radius'];

    echo "计算结果是：".$cat1->circle($radius);

  }

?>

<br/><br/><a href="4.php">返回主界面</a>

第三个文件：类文件， （3.class.php）

<?php

   class Cat{

     public function circle($radius){

	   return 3.14*$radius*$radius;

	 }

      public function jisuan($num1,$num2,$oper){

	      switch($oper){

		    case '+':

		    return $num1+$num2;

		    break;

		    case '-':

            return $num1-$num2;

			break;

		    case '*':

			return $num1*$num2;

			break;

			case '/':

			return $num1/$num2;

			break;

			}

	  }

   }

?>

网页计算器，（类，隐藏域，style=display：block等）的更多相关文章

  1. 2016.8.19 将div设置为隐藏使用style=“display:none”

    style="display:none"表示隐藏. style="display:block"表示显示. 在代码中则使用$("#id").s ...

  2. ie、firefox、chrome中关于style="display:block" 引发的页面布局错乱的解决办法

    ie.firefox.chrome中关于style="display:block" 引发的页面布局错乱的解决办法: table中tr 添加style="display:b ...

  3. 表单隐藏域与display:none

    有时候前端进行表单填写是分步骤的,每一步的时候其他步骤相关的表单视图不可见: 针对"不可见",以下有两种处理方式: ①display:none 这种方式呢,比较简单,就是将三个步骤 ...

  4. javascript学习内容--object.style.display="value" value值为“”none“隐藏”或 "block"显示

    <head> var mychar=document.getElementById("con"); function hidden(){ mychar.style.di ...

  5. style="visibility: hidden" 和 style=“display:none”区别

    大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility=& ...

  6. js中style.display=""无效的解决方法

    本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多 ...

  7. Display:Block

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级 ...

  8. style="visibility: hidden"和 style=“display:none”之间的区别

    style=“display:none” 隐藏页面元素: <html> <head> <script type="text/javascript"&g ...

  9. css display block 和 inline

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级 ...

随机推荐

  1. C++ 读取REG_SZ 、REG_DWORD 、REG_MULTI_SZ 类型注册表值

    读取REG_SZ 类型的注册表键值 // 读取 REG_SZ 类型键值的代码 HKEY hKey = NULL; DWORD dwSize = ; DWORD dwDataType = ; LPBYT ...

  2. YII2 RBAC Admin User权限相关

    https://github.com/mdmsoft/yii2-admin/blob/master/docs/guide/configuration.md http://www.liuhaihua.c ...

  3. SSIS ->> 通过Checkoints实现SSIS的包重启（Package Restartability Fullfilled By Checkoints）

    Checkpoints是实现SSIS包重载的基础.它的原理是把当前运行环境的配置.变量以及到了包运行到哪一步和哪一步失败这些信息写入到一个文件中.而且有一点很重要,Checkpoint只发生在Cont ...

  4. WebMvcConfigurerAdapter

    spring Boot 默认的处理方式就已经足够了,默认情况下Spring Boot 使用WebMvcAutoConfiguration中配置的各种属性. 建议使用Spring Boot 默认处理方式 ...

  5. C# treeview控件部分节点添加checkbox

    一.先初始化treeview this.treeView1.CheckBoxes = true; this.treeView1.ShowLines = false; this.treeView1.Dr ...

  6. C语言输出当前日期和时间

    #include <stdio.h> #include <time.h> char* asctime2(const struct tm *timeptr) { static c ...

  7. Effective STL 中文版(大全)

    Effective STL 中文版(大全) 作者:winter 候捷说,对于STL,程序员有三个境界,开始是使用STL,然后是理解STL,最后是补充STL.Effective STL是一本非常好的书, ...

  8. Indoor Positioning System & Real time location system

    背景 惨痛的背景,正如我前面提到的,参加了公司的一个训练营.刚进来公司的新人,内心充满着对未来的美好憧憬,期待自己能闯出属于自己的天地.更何况,作为一名程序员,无比的希望所有人对自己写得代码或者App ...

  9. 无锁编程(五) - RCU(Read-Copy-Update)

    RCU(Read-Copy Update) RCU就是指读-拷贝修改,它是基于其原理命名的.对于被RCU保护的共享数据结构,读操作不需要获得任何锁就可以访问,但写操作在访问它时首先拷贝一个副本,然后对 ...

  10. [转]深入hibernate的三种状态

    学过hibernate的人都可能都知道hibernate有三种状态,transient(瞬时状态),persistent(持久化状态)以及detached(离线状态),大家伙也许也知道这三者之间的区别 ...