本文介绍如何利用PHP处理HTML表单提交，将用户输入的两个值拼接为URL路径片段，并执行302重定向至类似 /variant/red-green 的自定义子页面。
本文介绍如何利用php处理html表单提交，将用户输入的两个值拼接为url路径片段，并执行302重定向至类似 `/variant/red-green` 的自定义子页面。
要实现“输入两个值 → 重定向到 /variant/{first}-{second}”这一功能，需结合前端HTML表单与后端PHP逻辑。关键在于：表单使用 method="POST" 提交数据，PHP接收并校验输入后构造目标URL，再通过 header() 发起HTTP重定向。
首先，修正原始HTML中的语法错误（如缺失等号、拼写错误）：
<form action="" method="POST"> <input type="text" name="first" placeholder="请输入第一个值（如：red）" required> <input type="text" name="second" placeholder="请输入第二个值（如：green）" required> <input type="submit" value="跳转"> </form>
注意：
- action="" 表示提交至当前页面自身，便于统一处理；
- 添加 required 属性提升基础前端校验；
- 避免使用 method="GET"，否则参数会暴露在URL中且难以生成干净的路径式路由。
接着，在同一PHP文件顶部（必须在任何输出之前）添加服务端处理逻辑：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$first = trim($_POST['first'] ?? '');
$second = trim($_POST['second'] ?? '');
// 基础校验：非空、仅含字母/数字/短横线（可选安全过滤）
if (!empty($first) && !empty($second) &&
preg_match('/^[a-zA-Z0-9\-]+$/', $first) &&
preg_match('/^[a-zA-Z0-9\-]+$/', $second)) {
$target = '/variant/' . urlencode($first) . '-' . urlencode($second);
header("Location: $target");
exit();
} else {
// 可选：返回错误提示（需配合前端重新渲染或JS提示）
$error = "请输入有效的非空值（仅支持字母、数字和短横线）";
}
}
?>⚠️ 重要注意事项：
- header() 必须在任何HTML输出（包括空白符、换行）之前调用，否则会触发 “Headers already sent” 错误；
- 使用 urlencode() 对输入值编码，确保特殊字符（如空格、中文、符号）被安全转换，避免URL解析异常；
- 实际部署时建议增加更严格的输入过滤（如白名单验证、长度限制）和CSRF防护；
- 若需支持SEO友好的静态路径（如 /variant/red-green），后端还需配置Web服务器（如Nginx或Apache）将该路径路由回统一入口（如 index.php），再由PHP解析路径参数。
综上，该方案以简洁可靠的方式实现了动态路径重定向，兼顾可用性与安全性，适用于产品筛选、主题切换等典型场景。
