第一个文件：表单文件

<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. lintcode：打劫房屋 III

    题目 打劫房屋 III 在上次打劫完一条街道之后和一圈房屋之后,窃贼又发现了一个新的可以打劫的地方,但这次所有的房子组成的区域比较奇怪,聪明的窃贼考察地形之后,发现这次的地形是一颗二叉树.与前两次偷窃 ...

  2. 【解惑】让人头疼的"相等"关系

    Java中判断相等关系一般有两种手段:(1) “==”关系操作符  (2) equals()方法. 显然,基本数据类型变量之间只能用"==".而对象之间两种手段都是合法的.但是有很 ...

  3. 297. Serialize and Deserialize Binary Tree

    题目: Serialization is the process of converting a data structure or object into a sequence of bits so ...

  4. Linux功能-环境变量

    linux系统中有很多重要的环境变量,我们可以用env命令查看它们. 变量是由固定的“变量名”与用户或系统设置的“变量值”两部分组成,也可以自行修改. [root@localhost ~]# env ...

  5. spring+mybati　java config配置引起的bean相互引用日志报警告问题

    摘要: Error creating bean with name 'XXX': Requested bean is currently in creation: Is there an unreso ...

  6. Highcharts axja 获取json对象动态生成报表生成

    最近做个项目,项目经理想做一个统计报表,在网上查看些资料就选用Highchars 这里和大家分享下使用心得. 重点说明此代码是针对一个报表显示多个项对比显示. 直接贴代码:web端 <scrip ...

  7. json 得到时分秒为00:00:00,拿不到时分秒 解决办法

    数据库查询时间没有了时分秒的解决办法        问题出处,公司一个项目中使用动态sql方式查询Oracle数据库,在展示时Date类型字段只展示日期,无时分秒.        分析:        ...

  8. php数据库操作常用相关函数

    MySQL访问函数都需要有相应的权限才能运行.常用的相关函数介绍如下: (1)integer mysql_connect(主机,用户名,口令); 此函数开始一个对指定主机上的MySQL数据库的连接.若 ...

  9. Windows API 进程状态信息函数

    这里的进程状态信息函数主要分为两类,一类是PS(PROCESS STATUS HELPER) API,另外一类是Th(TOOL HELP) API. 话说第一次遇到这个ToolHelp函数时我在看&l ...

  10. bootrom启动流程【转】

    转自:http://blog.csdn.net/blueoceanindream/article/details/6851787 闲来无事,总结一下linux bootrom的启动流程: 环境:MIP ...