实训练习: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>
3、运行结果
|