表单提交实验步骤：
利用DreamWeaver、UltraEdit、Visual Studio Code或记事本编写index.php，在该静态网页中添加一个表单(form);
2、将该表单命名为“forma”，在该表单中添加两个输入框，一个输入用户名，名称为“username”，另一个输入密码，名称为“passwd”，类型为password；
3、在表单中添加一个隐藏域，名称为var01，利用PHP定义一个变量并随意赋值，利用隐藏域var01，将该变量的值传递到下一个php文件；
4、另建一个PHP文件，命名随意，在上一个PHP文件index.php的表单中，将目标action指向刚建立的该php文件；
5、在该php文件中，获取前一PHP里，表单提交的用户名、密码和隐藏参数var01,然后判断密码是否等于“test”，如果相等，显示用户名，密码和字符串“成功登录”；否则，显示用户名、密码和隐藏参数“var01+1234”。
实现代码 index.php 界面：
DOCTYPE html><html> <head> <title>登陆界面title> <meta charset="utf-8"> head> <body> <h1 class="form-title">登陆界面h1> <form class="form-container" name="forma" action="target.php" method="post"> <label class="form-label" for="username">用户名:label> <input class="form-input" type="text" id="username" name="username" required> <label class="form-label" for="password">密码:label> <input class="form-input" type="password" id="password" name="passwd" required> <input type="hidden" name="var01" value="'var01+1234'; ?>"> <input class="form-submit" type="submit" value="登 陆"> form> body> <style type="text/css"> body { background-color: #f1f1f1; } .form-container { display: flex; flex-direction: column; align-items: center; margin-top: 100px; } .form-label { font-size: 20px; margin-bottom: 10px; display: block; } .form-input { padding: 10px; font-size: 18px; border-radius: 5px; border: none; margin-bottom: 20px; width: 300px; } .form-submit { background-color: #4CAF50; color: white; padding: 10px 25px; border-radius: 5px; font-size: 18px; border: none; cursor: pointer; } .form-submit:hover { background-color: #3e8e41; } .form-title { text-align: center; font-size: 36px; margin-bottom: 50px; } style>html>网页效果：
实现代码 target.php 界面：
<div class="output"> <?php if ($_SERVER['REQUEST_METHOD'] === 'POST') { // 获取表单数据 $username = $_POST['username']; $password = $_POST['passwd']; $var01 = $_POST['var01']; if ($password == "test") { // 输出登陆成功后的信息 echo "登陆成功！"; echo "欢迎您：" . $username . "！您的密码是：" . $password . "。
"
; } else { // 输出登陆失败后的信息 echo "登陆失败！
"; echo "您输入的用户名是：" . $username . "！您输入的密码是：" . $password . "。
"
; echo "由于登陆失败，显示你在表单中添加的隐藏域var01的值：" . $var01. "。
"
; } } ?></div><style> .output { font-size: 30px; font-weight: bold; color: blue; margin-top: 200px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50vh; } .value { color: red; }</style>输出结果：
来源地址：https://blog.csdn.net/weixin_44893902/article/details/129805628
