PHP——实验三 PHP表单交互

我的天哪 發表於 2019-12-25 15:34:00

实验三 PHP 表单交互
实验目的：
1、掌握表单数据的提交方法
2、掌握如何接受表单数据
实验内容：
<ol>
<li>编写一个静态表单页面和一个 PHP 动态网页，静态网页如下图1所示，在静态网页中通过 get 方法提交数据，在动态网页中检索这些数据并显示出来，结果如下图2所示，如果该同学的性别为男，则显示“您是一位男生！”，性别为女，则显示“您是一位女生！”。</li>
</ol>
 <img src="https://img2018.cnblogs.com/i-beta/1437249/202002/1437249-20200225153221058-1925728289.png" alt="">
Html:
<div class="cnblogs_code"><img id="code_img_closed_c883bba2-44ec-40d9-8e45-71ac03113dfc" class="code_img_closed" src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""><img id="code_img_opened_c883bba2-44ec-40d9-8e45-71ac03113dfc" class="code_img_opened" style="display: none" src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt="">
<div id="cnblogs_code_open_c883bba2-44ec-40d9-8e45-71ac03113dfc" class="cnblogs_code_hide">
<pre><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户个人资料</title>
</head>
<body>
<form id="form1" name="form1" method="get" action="1_php.php">
<p>
 姓名：<input type="text" name="name">
</p>
<p>
 性别：
 <input type="radio" name="sex" value="男" checked>男
 <input type="radio" name="sex" value="女">女
</p>
<p>
 <input type="submit" name="submit" value="提交">
 &nbsp;&nbsp;
 <input type="reset" name="reset" value="全部重写">
</p>
</form>
</body>
</html>
Php:
<?php
/**
* Created by PhpStorm.
* User: 13313
* Date: 2019/5/10
* Time: 8:30
*/
header('Content-type:text/html;charset=utf-8');
$name=$_GET['name'];
$sex=$_GET['sex'];
$S="男生";
echo $name,"同学，欢迎你访问本页面";
echo " ";
if($sex=="女")
$S="女生";
echo "您是一位".$S;</pre>
</div>
View Code</div>
 
 
 
2、编写一个静态表单和一个 PHP 动态网页，表单如图 3 所示，通过 POST 方法提交到动态网页，在动态网页中检索这些数据并显示出来，结果如图 4 所示。
<img src="https://img2018.cnblogs.com/i-beta/1437249/202002/1437249-20200225153304618-1873166673.png" alt="">
 
 <img src="https://img2018.cnblogs.com/i-beta/1437249/202002/1437249-20200225153311530-1533233547.png" alt="">
 
<div class="cnblogs_code"><img id="code_img_closed_88a0091d-ca12-417c-8620-c2d4165081ab" class="code_img_closed" src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""><img id="code_img_opened_88a0091d-ca12-417c-8620-c2d4165081ab" class="code_img_opened" style="display: none" src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt="">
<div id="cnblogs_code_open_88a0091d-ca12-417c-8620-c2d4165081ab" class="cnblogs_code_hide">
<pre><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>意见反馈</title>
</head>
<style type="text/css">
h1
{
 text-align:center;
 color:red;
}
</style>
<body>
<h1>意见反馈</h1>
<form action="2_php.php" method="post" name="form2">
<table>
 <tr>
 <td>

 <pre>您的姓名 <input type="text" name="name"></pre>
 </td>
 <td>
 <pre>您的职业 <input name="sex" type="radio" value="男" checked>男 <input type="radio" value="女">女</pre>
 </td>
 </tr>
 <tr>
 <td>

<pre>您的职业 <select name="zhiye" >
 <option value="学生">学生</option>
 <option value="老师">老师</option>
 <option value="医生">医生</option>
</select></pre>

 </td>
 <td>

<pre>您的最高学历 <select name="xueli" >
 <option value="初中">初中</option>
 <option value="高中">高中</option>
 <option value="本科">本科</option>
 <option value="本科以上">本科以上</option>
</select></pre>

 </td>
 </tr>
 <tr>
 <td>

<pre>您对本站意见</pre>

 </td>
 </tr>
 <tr>
 <td>

 </td>
 <td>

<pre><textarea name="yijian"cols="30" rows="10"></textarea>
<input type="reset" value="重写"> <input type="submit" value="提交"></pre>

 </td>
 </tr>
</table>
</form>
</body>
</html>
Php:
<?php
/**
* Created by PhpStorm.
* User: 13313
* Date: 2019/5/10
* Time: 9:00
*/
header('Content-type:text/html;charset=utf-8');
$name=$_POST['name'];
$sex=$_POST['sex'];
$zhiye=$_POST['zhiye'];
$xueli=$_POST['xueli'];
$yijian=$_POST['yijian'];
echo "十分感谢用户 ".$name." 的意见 ";
echo "请确认下列信息： ";
echo "您的性别：",$sex," ";
echo "您的职业：",$zhiye," ";
echo "您的意见：",$yijian;
echo " ";</pre>
</div>
View Code</div>
1、  计算从 1 开始到你指定的数的累加和，指定数字由用户自己输入，结果如图 5所示。
<img src="https://img2018.cnblogs.com/i-beta/1437249/202002/1437249-20200225153339643-1547940602.png" alt="">
 
<div class="cnblogs_code"><img id="code_img_closed_4f973960-3982-46f6-9cda-c3dc5d301959" class="code_img_closed" src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""><img id="code_img_opened_4f973960-3982-46f6-9cda-c3dc5d301959" class="code_img_opened" style="display: none" src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt="">
<div id="cnblogs_code_open_4f973960-3982-46f6-9cda-c3dc5d301959" class="cnblogs_code_hide">
<pre> 1 <?php
 2 /**
 3 * Created by PhpStorm.
 4 * User: 13313
 5 * Date: 2019/5/10
 6 * Time: 9:32
 7*/
 8 $sum=0;
 9 if(!empty($_POST))
10 {
11 $n=$_POST['num'];
12 for($i=1;$i<=$n;$i++)
13 {
14 $sum=$sum+$i;
15 }
16 echo "<script>alert('1+2+..+$n=$sum')</script>";
17 }
18 ?>
19 <!doctype html>
20 <html lang="en">
21 <head>
22 <meta charset="UTF-8">
23 <meta name="viewport"
24 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
25 <meta http-equiv="X-UA-Compatible" content="ie=edge">
26 <title>计算累加和</title>
27 </head>
28 <style type="text/css">
29 h3
30 {
31 color: #3954ff;
32 }
33 </style>
34 <body>
35 <h3>计算累加和</h3>
36 <form action="" method="post">
37 <pre>
38
39 1+2+3+...+<input type="text" name="num"> <input type="submit" value="完成">
40 </pre>
41 </form>
42 </body>
43 </html></pre>
</div>
View Code</div>
  
来源：https://www.cnblogs.com/smartisn/p/12362010.html

頁: [1]

琼殿技术论坛's Archiver

PHP——实验三 PHP表单交互