微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

实验三 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>

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐