新壳软件»首页 › 软件工具 › 技术教程 › html表单提交php接收，通过POST，然后输出在网页 ...

html表单提交php接收，通过POST，然后输出在网页

风趣的柚子 | 2023-11-5 16:12:23 | 显示全部楼层 |阅读模式

怎么通过html提交网页表单数据，通过POST方式最后输出在网页端呢，其实这个需要前端和后端技术，前端为html，后端为PHP，具体怎么操作请看我下面的教程，我们还是用宝塔给大家做演示。

具体教程：
1、创建一个form.html的文件和submit.php的文件
截图202311051609293069.png

截图202311051609293069.png

2、把下面的代码粘贴到form.html文件里面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Submission</title>
</head>
<body>
<form action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

复制代码

3、然后把下面的代码粘贴到submit.php文件里面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Submission Result</title>
</head>
<body>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 收集表单数据
$name = htmlspecialchars($_POST['name']);
$email = htmlspecialchars($_POST['email']);
// 输出数据
echo "<h1>Submission Result</h1>";
echo "<p>Name: " . $name . "</p>";
echo "<p>Email: " . $email . "</p>";
} else {
echo "<p>No data received.</p>";
}
?>
</body>
</html>

复制代码

4、访问/form.html链接，出现如下页面就对了
截图202311051611174859.png

截图202311051611174859.png

5、看到没，我们输入用户名和邮箱后它会把数据传到后端，然后通过后端程序打印到屏幕上
截图202311051612214339.png

截图202311051612214339.png

相关帖子

• html提交表单到数据库怎么操作?用简单的例子教你

回复

olzzxnwhj | 2023-11-5 16:12:52 | 显示全部楼层

楼主大爱，好详细的教程呀

回复

朴素踢绿茶 | 2023-11-5 16:13:02 | 显示全部楼层

原来就这么简单，我以前做的好复杂

回复

醉熏笑海燕 | 2023-11-5 16:13:06 | 显示全部楼层

支持一下

回复

长情向吐司 | 2023-11-5 16:13:22 | 显示全部楼层

这个是POST，get的也写一个教程呗

回复

细心演变金针菇 | 2023-11-5 16:13:28 | 显示全部楼层

这个挺好

回复

发新帖

新壳软件 |网站地图

GMT+8, 2023-12-11 16:09 , Processed in 0.062991 second(s), 29 queries .

Powered by Discuz! X3.5

© 2001-2017 Comsenz Inc.