HTML 表单提交后重定向至带参数的子页面教程-php教程-PHP中文网

HTML 表单提交后重定向至带参数的子页面教程

本文介绍如何通过 HTML 表单收集两个输入值，并在提交后使用 PHP 服务端逻辑将用户重定向到形如 /variant/red-green 的动态 URL。重点涵盖表单配置、PHP 重定向实现及关键安全注意事项。

本文介绍如何通过 html 表单收集两个输入值，并在提交后使用 php 服务端逻辑将用户重定向到形如 `/variant/red-green` 的动态 url。重点涵盖表单配置、php 重定向实现及关键安全注意事项。

要实现“用户输入两个值（如 red 和 green），提交后跳转至 /variant/red-green”这一需求，需结合前端表单与后端 PHP 处理——不能仅靠纯 HTML 实现动态路径拼接，因为 HTML

的 action 属性不支持运行时拼接 URL（method="GET" 可生成查询参数，但无法满足路径式路由要求）。

✅ 正确做法是：

表单以 POST 方式提交至当前页面（或专用处理脚本）；
PHP 接收并验证输入；
拼接目标路径，使用 header() 发起 302 重定向；
必须调用 exit() 阻止后续代码执行，避免重定向后仍输出内容导致错误。

以下是完整可运行示例：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

<!-- index.php 或表单所在页面 -->
<?php if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['first'], $_POST['second'])) {
    // 1. 基础非空校验（生产环境应更严格）
    $first = trim((string)$_POST['first']);
    $second = trim((string)$_POST['second']);

    if (!empty($first) && !empty($second)) {
        // 2. 安全处理：仅保留字母、数字、连字符（防路径遍历/注入）
        $safe_first = preg_replace('/[^a-z0-9\-]/i', '', $first);
        $safe_second = preg_replace('/[^a-z0-9\-]/i', '', $second);

        // 3. 拼接并重定向
        $target = '/variant/' . $safe_first . '-' . $safe_second;
        header("Location: " . $target);
        exit(); // ⚠️ 关键！防止重定向后继续执行
    }
}
?><title>Variant Selector</title><h2>Select Variant</h2>

? 注意事项：

header() 必须在任何输出（包括空格、换行、HTML）之前调用，否则会触发 “Headers already sent” 错误；建议将 PHP 处理逻辑置于 HTML 顶部。
表单中 name="second" 原问题存在语法错误（缺少 =），已修正。
生产环境中务必对用户输入进行严格过滤（如上例中的正则清洗），避免路径遍历（../）、目录穿越或 XSS 风险。
若需支持浏览器后退/刷新防护，可考虑 Post-Redirect-Get (PRG) 模式，本方案天然符合 PRG。

通过以上结构，即可安全、可靠地实现表单驱动的动态路径重定向。