实验三 PHP 表单交互


 

实验目的:

1、掌握表单数据的提交方法

2、掌握如何接受表单数据

实验示例

1、 利用 GET 方法处理表单数据 预备知识 : 利用 GET 方法提交表单数据的方法;用$_GET 接受表单数据的方法。

 

 

 

 

2、 利用 POST 方法处理表单数据

 预备知识 : 利用 POST 提交表单数据的方法;用$_POST 接受表单数据的方法

 

 

 

实验内容:

  1. 编写一个静态表单页面和一个 PHP 动态网页,静态网页如下图1所示,在静态网页中 通过 get 方法提交数据,在动态网页中检索这些数据并显示出来,结果如下图2所示,如果 该同学的性别为男,则显示“您是一位男生!”,性别为女,则显示“您是一位女生!”。

 

 

 

 

代码:

 

<html>
<body>
<form method=”get” action=”nannvphp.php”>
    <p><th>姓名:</th>
    <td><input type=”text” name=”name”></td></p>
    <p>
        <tr>
            <td>
                性别:
            </td>
            <td>
                <input type=”radio” id=”select” name=”select” value=”1″>男
                <input type=”radio” id=”select” name=”select” value=”2″>女
            </td>
        </tr></p>
    <p><tr>
            <td><input type=”submit” value=”提交”></td>
            <td><input type=”reset” vale=”全部充填”></td>
        </tr></p>

</form>
</body>
</html>

<?php
$a=0;
$b=0;
$a=$_GET[“name”];
$b= $_GET[“select”];
echo $a,”同学,欢迎你访问本页面!”;
echo “<br>”;
if($b==1)
{
    echo “你是一位男生!”;
}
if($b==2)
{
    echo “你是一位女生!”;
}

 

 

 

 

3、 编写一个静态表单和一个 PHP 动态网页,表单如图 3 所示,通过 POST 方法提交到动 态网页,在动态网页中检索这些数据并显示出来,结果如图 4 所示。

代码:

 

<!DOCTYPE html>
<html lang=”en”>
<head>
    <meta charset=”UTF-8″>
    <title>意见反馈</title>
</head>
<body>
<h4 align=”center”>意见反馈</h4>
<form action=”意见反馈.php” method=”GET”>
    <table align=”center”>
        <tr><td>
            您的姓名:<input type=”text” name=”name”>
        </td>
            <td>您的性别: <input type=”radio” name=”sex” value=”男”>男<input type=”radio” name=”sex” value=”女”>女</td></tr>
        <tr>
            <td>您的职业: <select name=”zhiye”>
                <option value=”学生”>学生</option>
                <option value=”教师”>教师</option>
                <option value=”职工”>职工</option>
            </select></td>
            <td>您的最高学历: <select name=”xueli”>
                <option value=”初等教育”>初等教育</option>
                <option value=”中等教育”>中等教育</option>
                <option value=”高等教育”>高等教育</option>
            </select></td>
        </tr>
        <tr>
            <td colspan=”2″>您对本站意见: <textarea name=”yijian” cols=”30″ rows=”10″></textarea></td>
        </tr>
        <tr>
            <td><input type=”submit”></td>
            <td><input type=”reset”></td>
        </tr>
    </table>

</form>
</body>
</html>

<?php
$a = 0;
$b = 0;
$c=0;
$d=0;
$e=0;
$a = $_GET[“name”];
$b = $_GET[“sex”];
$c = $_GET[“zhiye”];
$d = $_GET[“xueli”];
$e = $_GET[“yijian”];
echo “十分感谢用户”,$a, “的宝贵意见!”;
echo “<br>”;
echo “请确认以下信息”;
echo “<br>”;
echo “您的性别:”,$b;
echo “<br>”;
echo “您的职业:”,$c;
echo “<br>”;
echo “您的学历:”,$d;
echo “<br>”;
echo “您的意见:”,$e;

 

 

 

 

 

4、 计算从 1 开始到你指定的数的累加和,指定数字由用户自己输入,结果如图 5所示。

代码:

 

<html>
<body>
<form method=”post”>
    <p>1+2+3+……+<input type=”text” name=”num”><input type=”submit” value=”提交”></p>
</form>
<?php
$num=0;
$n=0;
$n=$_POST[“num”];
for($i=1;$i<=$n;$i++)
{
    $num=$num+$i;
}
echo “<script>alert(‘答案是’+$num)</script>”;
?>
</body>
</html>

 

 

 

5、 制作一用户注册页面如图 6 所示,然后对用户输入的数据进行判断:如果用户名为空 则弹出警告框“用户名不能为空!”,如图7所示,否则进行下一步的判断,如果两次输入 的密码不一致则弹出警告框“两次密码必须一致!”,如图 8 所示,如果两次验证都通过页 面跳转到第 3 题的静态页面。

 

图6

 

<!DOCTYPE html>
<html lang=”en”>
<head>
    <meta charset=”UTF-8″>
    <title>注册</title>
</head>
<body>
<form method=”post”>
<table>
    <tr>
        用户名:<input type=”text” name=”name”>
    </tr>
    <tr>
        密码:<input type=”text” name=”pwd”>
    </tr>
    <tr>
        确认密码:<input type=”text” name=”rpwd”>
    </tr>
    <tr><input type=”submit”></tr>
</table>
</form>
</body>
<?php
        $a=0;
        $b=0;
        $c=0;
        $a=$_POST[“name”];
        $b=$_POST[“pwd”];
        $c=$_POST[“rpwd”];
        if(empty($_POST[“name”])){
            echo “<script>alert(‘姓名不能为空’)</script>”;
        }
if(empty($_POST[“pwd”])){
    echo “<script>alert(‘密码不能为空’)</script>”;
}
        else if ($b!=$c)
        {
            echo “<script>alert(‘密码与确认密码不一致!请重填!’)</script>”;
        }else{
            $url  =  “累加计算其.php”;
echo ” <script language = ‘javascript’
type = ‘text/javascript’ > “;
echo “window.location.href = ‘$url'”;
echo ” </script > “;
        }
        ?>
</html>

 

 

原创文章,作者:carmelaweatherly,如若转载,请注明出处:https://blog.ytso.com/272777.html

(0)
上一篇 2022年7月9日
下一篇 2022年7月9日

相关推荐

发表回复

登录后才能评论