找回密码
 立即注册
搜索
热搜: ROOT 面具 串号

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

风趣的柚子 | 2023-11-5 16:12:23 | 显示全部楼层 |阅读模式
怎么通过html提交网页表单数据,通过POST方式最后输出在网页端呢,其实这个需要前端和后端技术,前端为html,后端为PHP,具体怎么操作请看我下面的教程,我们还是用宝塔给大家做演示。

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

2、把下面的代码粘贴到form.html文件里面
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Form Submission</title>
  6. </head>
  7. <body>
  8.     <form action="submit.php" method="post">
  9.         <label for="name">Name:</label>
  10.         <input type="text" id="name" name="name" required>
  11.         <br>
  12.         <label for="email">Email:</label>
  13.         <input type="email" id="email" name="email" required>
  14.         <br>
  15.         <input type="submit" value="Submit">
  16.     </form>
  17. </body>
  18. </html>
复制代码
3、然后把下面的代码粘贴到submit.php文件里面
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Submission Result</title>
  6. </head>
  7. <body>
  8.     <?php
  9.     if ($_SERVER["REQUEST_METHOD"] == "POST") {
  10.         // 收集表单数据
  11.         $name = htmlspecialchars($_POST['name']);
  12.         $email = htmlspecialchars($_POST['email']);
  13.         
  14.         // 输出数据
  15.         echo "<h1>Submission Result</h1>";
  16.         echo "<p>Name: " . $name . "</p>";
  17.         echo "<p>Email: " . $email . "</p>";
  18.     } else {
  19.         echo "<p>No data received.</p>";
  20.     }
  21.     ?>
  22. </body>
  23. </html>
复制代码
4、访问/form.html链接,出现如下页面就对了
截图202311051611174859.png

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

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.