PHP程序设计-实验2-登录页面
表单提交实验步骤:
1、利用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>
<!-- 创建一个隐藏的输入框,用来存储名为$var01,值为'some_value'的变量 -->
<input type="hidden" name="var01" value="<?php echo $var01 = '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 "<p>欢迎您:<span class='value'>" . $username . "</span>!您的密码是:<span class='value'>" . $password . "</span>。<p>";
} else {
// 输出登陆失败后的信息
echo "<p>登陆失败!<p/>";
echo "<p>您输入的用户名是:<span class='value'>" . $username . "</span>!您输入的密码是:<span class='value'>" . $password . "</span>。<p>";
echo "<p>由于登陆失败,显示你在表单中添加的隐藏域<span class='value'>var01</span>的值:<span class='value'>" . $var01. "</span>。<p>";
}
}
?>
</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>
输出结果:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhfiahbi
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01