第一个文件：表单文件

<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. ruby 学习 -- string --1

    # define french_string = "il \xc3\xa9tait une fois" long_string = <<EOF Here is a lo ...

  2. Android核心分析之十六Android电话系统-概述篇

    Android电话系统之概述篇 首先抛开Android的一切概念来研究一下电话系统的最基本的描述.我们的手机首先用来打电话的,随后是需要一个电话本,随后是PIM,随后是网络应用,随后是云计算,随后是想 ...

  3. iOS开发--自动布局

    距离左边的: 距离顶部的: 距离右边的: 距离底部的:

  4. Control Flow ->> Containers

    Sequence Container: 它的作用就是可以把一组任务绑定起来成为一个整体,这样Sequence本身就是具有了任务(task)的特性,比如TransactionOption.如果需要把一组 ...

  5. Oracle临时表（Temporary Table）

    GLOBAL TEMPORARY代表全局临时表临时表的元数据存储在数据字典里面 只当第一条DML命令发生的时候才为这张表的段分配空间 临时表数据的可见范围应该是会话级别或是事务级别的 会话或者事务级别 ...

  6. 【Tech】android真机测试——小米3

    开始学习android了,自带的虚拟AVD慢的不忍直视,只能拿自己的小米3开刀了.弄了好久,记录如下. 首先,我承认到现在我不知道小米3的驱动到底是怎么安装的,我按照网上的方法自己下载过小米的驱动,但 ...

  7. SpringMVC上传文件以流方式判断类型附常用类型

    // 此类中判断类型所截取的byte 长度暂不确定,请使用者测试过使用 package com.tg.common.other; import com.tg.common.tginterface.TG ...

  8. eclipse中tomcat使用add and remove无法发布web项目

    继上次启动eclipse中的tomcat报classNotFound的问题后,这次又遇到新问题.就是右键点击tomcat使用add and remove发布web项目至tomcat后,启动tomcat ...

  9. vs中常用的快捷键

    VS中常用的快捷键: ctrl+s         保存 ctrl+Shift+S   保存所有VS中打开的所有文件 ctrl+O         打开新文件 ctrl+Shift+O   打开项目 ...

  10. 《OD学HBase》20160821

    一.HBase性能调优 1. JVM内存调优 MemStore内存空间,设置合理大小 memstore.flush.size 刷写大小 134217728 = 128M memstore.mslab. ...