第一个文件：表单文件

<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. [RM HA 1] Cloudera CDH5 RM HA功能验证

    简介: 最新的Cloudera CDH5.0.0 beta版本已经支持RM的HA, 笔者为此简单验证了RM HA的功能. 后续将继续分析其HA的原理,以及其与社区RM HA的区别. 集群部属与RM f ...

  2. web.xml文件中加载顺序的优先级

    在项目中总会遇到一些关于加载的优先级问题,近期也同样遇到过类似的,所以自己查找资料总结了下,下面有些是转载其他人的,毕竟人家写的不错,自己也就不重复造轮子了,只是略加点了自己的修饰. 首先可以肯定的是 ...

  3. 批处理命令 - if

    0.功能 Performs conditional processing in batch programs. 执行批处理程序中的条件处理. 1.简介 IF [NOT] ERRORLEVEL numb ...

  4. Mysql笔记——DQL

    DQL就是数据查询语言,数据库执行DQL语句不会对数据进行改变,而是让数据库发送结果集给客户端. 语法: SELECTselection_list /*要查询的列名称*/ FROM table_lis ...

  5. CentOS 7 中firewall-cmd命令

    在 CentOS 7 暂时开放 ftp 服务# firewall-cmd --add-service=ftp 永久开放 ftp 服务# firewall-cmd --add-service=ftp - ...

  6. warning：deprecated conversion from string constant to 'char *' 解决方案

    #include <iostream> using namespace std; int fuc(char *a) { cout << a << endl; } i ...

  7. Ubuntu环境下eclipse的hadoop开发

    在安装好hadoop伪分布式后,开始搭建eclipse的hadoop开发环境 我的版本信息如下: Ubuntu 版本 12.10 Hadoop版本 1.2.1 Java版本  1.6.0_31(命令j ...

  8. makefile中的自动化变量 【转】

    转自:http://blog.chinaunix.net/uid-28458801-id-3495215.html 自动化变量 模式规则中,规则的目标和依赖文件名代表了一类文件名:规则的命令是对所有这 ...

  9. POJ -3050 Hopscotch

    http://poj.org/problem?id=3050 给定一个5×5矩阵,问选6个数的不同排列总数是多少! 二维的搜索,注意要判重,数据量很小,直接用map就好. #include<cs ...

  10. js中Number

    var numberObject=new Number(1333);numberObject.valueOf(); 1333 var numberObject=new Number(1333);num ...