HTML PHP 表单 – 提交后停留在同一页

在本文中，我们将介绍如何使用HTML和PHP创建一个表单，并在用户提交表单后保持在同一页。

阅读更多：HTML 教程

1. 创建HTML表单

首先，我们需要创建一个HTML表单，以便用户可以输入信息并将其提交。以下是一个简单的例子：

<form action="" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required><br><br>

  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required><br><br>

  <input type="submit" value="提交">
</form>

在上面的例子中，我们创建了一个包含姓名和邮箱字段的表单。action属性为空，这意味着表单将提交到当前页面。method属性设置为“post”，这表示表单数据将通过HTTP POST方法发送。

2. 处理PHP表单

接下来，我们需要使用PHP来处理表单提交。我们将检查表单是否被提交，并从$_POST数组中获取用户输入的值。

<?php
if ( $_SERVER["REQUEST_METHOD"] == "POST") {$ name =  $_POST["name"];$ email = $_POST["email"];

  // 在此处添加对表单数据的处理逻辑

  // 提交后保持在同一页的代码将在下一节中解释
}
?>

在上面的例子中，我们首先检查$_SERVER["REQUEST_METHOD"]变量的值是否为“POST”。如果是，说明表单已被提交，我们可以从$_POST数组中获取用户输入的值并进行处理。可以根据需要添加其他需要处理的字段。

3. 在提交后保持在同一页

要实现在提交表单后保持在同一页的效果，我们可以使用以下方法之一：

3.1. 使用空的表单`action`

在HTML表单中，将action属性设置为空字符串，即action=""。这将使表单在提交后返回到当前页面。

<form action="" method="post">
  <!-- 表单内容 -->
</form>

3.2. 使用PHP `header`函数

在PHP表单处理代码中，使用header函数将页面重定向到当前页面。

<?php
if ( $_SERVER["REQUEST_METHOD"] == "POST") {$ name =  $_POST["name"];$ email =  $_POST["email"]; // 在此处添加对表单数据的处理逻辑 header("Location: ".$ _SERVER["PHP_SELF"]);
  exit();
}
?>

在上面的例子中，header("Location: ".$_SERVER["PHP_SELF"])将页面重定向到当前页面，完成提交后保持在同一页的效果。

3.3. 使用JavaScript `window.location`方法

使用JavaScript可以在表单提交后重定向到当前页面。

<script>
  function stayOnSamePage() {
    window.location.href = window.location.href;
  }
</script>

<form action="" method="post" onsubmit="stayOnSamePage()">
  <!-- 表单内容 -->
</form>

在上面的例子中，我们在表单上添加了onsubmit="stayOnSamePage()"，当表单提交时，JavaScript函数stayOnSamePage()将在同一页重新加载。

总结

通过使用HTML和PHP，我们可以轻松地创建表单，并在提交后保持在同一页。我们可以通过设置表单action为空字符串、使用PHP header函数或JavaScript window.location方法来实现这一效果。根据具体的需求选择适合的方法，并根据需要处理表单数据。记住，在使用表单时要注意安全性和数据验证，以确保用户输入的信息有效和安全。