第一个文件：表单文件

<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. java中静态代理，动态代理知识的补充

    文章转载自:http://blog.csdn.net/jialinqiang/article/details/8950989 一.Java动态代理 相对于静态代理的代理类在编译时生成(.class文件 ...

  2. CSS3伪类选择器

    first-line   设置首行样式 first-letter 设置首字母样式 before  在某元素前插入内容并设置内容样式 after 在某元素后插入内容并设置内容样式 <!DOCTYP ...

  3. SQL Server ->> Msg 7411, Level 16, State 1, Line 1 -- Server 'XXXX' is not configured for RPC.

    关于问题,有两个相关的服务器选项. exec sp_serveroption @server='CIA-SH-SVR-SIS', @optname='rpc', @optvalue='true' ex ...

  4. win8.1下解决Visual C++不兼容的方法

    1.下载visual c++的安装包 百度云下载地址为:http://pan.baidu.com/s/1c0dRAYs 2.修改MSDEV.EXE文件名 安装完成后在安装目录下找到MSDEV.EXE, ...

  5. Java —— 枚举（Enum）的使用

    想用枚举,忘了具体的用法了.网上查了下,发现了个不错的网址.分享一下. http://docs.oracle.com/javase/tutorial/java/javaOO/enum.html

  6. 理解Java的封装与接口

    1.封装,即保留有限的外部接口(interface),隐藏具体实施细节. 2.封装在生活中很常见.比如下面是一个充电电筒: 一个用户即使不看说明书,也可以猜到这个电筒的操作: 开关和充电.这个电筒用一 ...

  7. BZOJ 3172 单词（ac自动机）

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=3172 题意:给出n个单词.输出每个单词在所有单词中一共出现多少次? 思路:首先将所有单词 ...

  8. [LintCode]perfect-squares（DP）

    题目链接:http://www.lintcode.com/zh-cn/problem/perfect-squares/ 就是求最小价值的完全背包,初始化dp[i]=i,假设全是1的时候是最多的,之后就 ...

  9. javascript高级编程运用

    一//各种尺寸 (size) s += “\r\n网页可见区域宽:“+ document.body.clientWidth; s += “\r\n网页可见区域高:“+ document.body.cl ...

  10. pl/sql programming 03 语言基础

    PL/SQL 块结构 最小的有意义的代码单元叫做 块(block). 一个块是一组代码, 这个块给出了执行边界, 也为变量声明和异常处理提供了作用范围, pl/sql 准许我们创建匿名块和命名块, 命 ...