![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>get</title>
<style>
div{margin:0 auto;width: 400px;height: 200px;border:1px solid #ccc;text-align: center;box-shadow: 1px 1px 9px 1px}
button{float: left;margin-left: 90px;}
</style>
</head>
<body>
<div>
<h1>用户登录</h1>
<form action="" method="get">
<p>
<label for="">邮箱：</label><input type="email" id="email" name="email" placeholder="邮箱格式要对" value="<?=$_GET['email']?:'' ?>">
</p>
<p>
<label for="">密码：</label><input type="password" id="password" name="password" placeholder="密码" value="<? =$_GET['email']?:'' ?>" >
</p>
<p><button>登录</button></p>
</form>
</div>
</body>
</html>
<?php
echo '<pre>';
print_r($_GET);
?>点击 "运行实例" 按钮查看在线实例
1：POST的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>post</title>
<style>
div{margin:0 auto;width: 400px;height: 200px;border:1px solid #ccc;text-align: center;box-shadow: 1px 1px 9px 1px}
button{float: left;margin-left: 90px;}
</style>
</head>
<body>
<div>
<h1>用户登录</h1>
<form action="" method="post">
<p>
<label for="">邮箱：</label><input type="email" id="email" name="email" placeholder="邮箱格式要对" value="<?=$_POST['email']?:'' ?>">
</p>
<p>
<label for="">密码：</label><input type="password" id="password" name="password" placeholder="密码" value="<?=$_POST['password']?:'' ?>" >
</p>
<p><button>登录</button></p>
</form>
</div>
</body>
</html>
<?php
include './1.php';
?>点击 "运行实例" 按钮查看在线实例
<?php echo '<pre>'; $a=$_POST['email']; $b=$_POST['password']; echo '<p>您的邮箱：'.$a.'<p>'; echo '<p>您的密码：'.$b.'<p>'; ?>
点击 "运行实例" 按钮查看在线实例
总结
1：get使用快捷，可以用在页面之间传输数据；数据拼接；
缺点：不安全是明码；不建议使用在有密码和个人信息的页面；还有传输的数据不能超过一定额度可能是4k
2：post的使用；可以传输相比get更多的数据更加的安全；
推荐使用在有密码的页面；但是现在有一种软件可以截取数据；叫做fd；最后做一个加密操作。