PHP与Web表单交互


实训练习:PHP与Web表单交互

一、实训目的

1、掌握表单创建的语法格式。

2、灵活应用PHP与表单数据的交互与处理。

二、实训内容

1、创建表单,模拟一个简单计算器,并对输入的数据进行合理验证。

2、代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" >
    <meta http_equiv="Content-Type" content="text/html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简易计算器</title>
</head>
<?php
 //设置初始值
 $number2=false;
 $number1=false;
 $result=0;
 //判断所输入的内容
 if(isset($_GET["submit"])){
    if(is_numeric($_GET["number1"])){
        $number1=true;
    }
    else{
        // echo "错误!!!请重新输入数字number1!";
        echo "<script>alert('请输入数字number1!');</script>"; //弹窗提示
     }
    if(is_numeric($_GET["number2"])){
       $number2=true;
   }
   else{
    //    echo "错误!!!请重新输入数字number2!";
        echo "<script>alert('请输入数字number2!');</script>";  //弹窗提示
   }
   if($number1 == false || $number2 == false){
       exit();
   }
}
 //判断运算符号
 if($number1 && $number2){
     switch($_GET["fuhao"]){
         case "+";
         $result=$_GET["number1"]+$_GET["number2"];  //加法运算
         break;
         case "-";
         $result=$_GET["number1"]-$_GET["number2"];  //减法运算
         break;
         case "×";
         $result=$_GET["number1"]*$_GET["number2"];  //乘法运算
         break;
         case "÷";
         $result=$_GET["number1"]/$_GET["number2"];  //除法运算
         break;
     }
 }
 
?>

<body>
    <h2 align="center">PHP实现计算器功能</h2>
    <table border="1" width="350px" align="center">
        <form action="916.php">
        <tr>
            <td>
                <!-- 输入number1 -->
                number1:<input type="text" name="number1" value="<?php echo $_GET["number1"] ?>">    
            </td>
            <td>
                <!-- 选择运算符 -->
                <select name="fuhao">
                    <option value="+" <?php if($_GET["fuhao"]=="+") echo "select" ?>>+</option>
                    <option value="-" <?php if($_GET["fuhao"]=="-") echo "select" ?>>-</option>
                    <option value="×" <?php if($_GET["fuhao"]=="×") echo "select" ?>>×</option>
                    <option value="÷" <?php if($_GET["fuhao"]=="÷") echo "select" ?>>÷</option>
                </select>
            </td>
            <td>
                <!-- 输入number2 -->
                number2:<input type="text" name="number2" value="<?php echo $_GET["number2"] ?>">
            </td>
            <td>
                <!-- 点击按钮,实现运算功能 -->
                <input type="submit" value="计算" name="submit">
            </td>
        </tr>
        <?php
        //运算实现
          if(isset($_GET["submit"])){
              if($number1 && $number2){
                  echo "<tr><td colspan='4'>";
                  echo "计算结果是:".$_GET["number1"]." ".$_GET["fuhao"]." ".$_GET["number2"]." = ".$result;
                  echo "</td></tr>";
              }
          }
        ?>
    </form>
    </table>
</body>
</html>

2、运行效果图

01

02

03


文章作者: 桑落
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 桑落 !
评论
  目录