本文介绍如何通过 HTML 表单收集两个输入值，并在提交后使用 PHP 服务端逻辑将用户重定向到形如 /variant/red-green 的动态 URL。重点涵盖表单配置、PHP 重定向实现及关键安全注意事项。
本文介绍如何通过 html 表单收集两个输入值，并在提交后使用 php 服务端逻辑将用户重定向到形如 `/variant/red-green` 的动态 url。重点涵盖表单配置、php 重定向实现及关键安全注意事项。
要实现“用户输入两个值（如 red 和 green），提交后跳转至 /variant/red-green”这一需求，需结合前端表单与后端 PHP 处理——不能仅靠纯 HTML 实现动态路径拼接，因为 HTML <form> 的 action 属性不支持运行时拼接 URL（method="GET" 可生成查询参数，但无法满足路径式路由要求）。
✅ 正确做法是：
- 表单以 POST 方式提交至当前页面（或专用处理脚本）；
- PHP 接收并验证输入；
- 拼接目标路径，使用 header() 发起 302 重定向；
- 必须调用 exit() 阻止后续代码执行，避免重定向后仍输出内容导致错误。
以下是完整可运行示例：
<!-- 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(); // ⚠️ 关键！防止重定向后继续执行
}
}
?>
<!DOCTYPE html>
<html>
<head><title>Variant Selector</title></head>
<body>
<h2>Select Variant</h2>
<form method="POST">
<input type="text" name="first" placeholder="First value (e.g., red)" required>
<input type="text" name="second" placeholder="Second value (e.g., green)" required>
<button type="submit">Go to Variant</button>
</form>
</body>
</html>? 注意事项：
立即学习“前端免费学习笔记（深入）”；
- header() 必须在任何输出（包括空格、换行、HTML）之前调用，否则会触发 “Headers already sent” 错误；建议将 PHP 处理逻辑置于 HTML 顶部。
- 表单中 name="second" 原问题存在语法错误（缺少 =），已修正。
- 生产环境中务必对用户输入进行严格过滤（如上例中的正则清洗），避免路径遍历（../）、目录穿越或 XSS 风险。
- 若需支持浏览器后退/刷新防护，可考虑 Post-Redirect-Get (PRG) 模式，本方案天然符合 PRG。
通过以上结构，即可安全、可靠地实现表单驱动的动态路径重定向。
