如何将页面内容移至顶部？如何在POST后展示$myGame变量信息？

我来帮你搞定这两个问题，一步步来：

问题1：将页面内容（$myGame输出）显示在顶部而非底部 #

这个问题本质就是调整PHP输出位置。你当前的代码里，<?php echo $myGame;?>是放在<h2>TITLE</h2>之后的，只要把这段输出代码移到页面更靠上的位置（比如<body>标签刚打开的地方，或者标题之前），就能让内容显示在顶部了。

举个调整位置后的代码示例：

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<?php 
$myGame = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST["myGame"])) {
        $myGame = "";
    } else {
        $myGame = test_input($_POST["myGame"]);
    }
}

function test_input($data) {
    $data = trim($data);
    return $data;
} 
?>
<!-- 把$myGame的输出移到这里，就是页面顶部区域 -->
<?php echo $myGame;?>
<h2>TITLE</h2>
<!-- 完善后的表单 -->
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
    <label for="myGame">输入游戏名称：</label>
    <input type="text" id="myGame" name="myGame">
    <button type="submit">提交</button>
</form>
</body>
</html>

问题2：POST请求完成后正确展示$myGame变量信息 #

你的基础逻辑已经没问题，但有几个细节可以完善，确保功能稳定且体验更好：

1. 补全表单结构：你之前的<form...没有写完，必须指定method="POST"和action（通常指向当前页面），输入框的name必须是myGame，否则PHP无法通过$_POST["myGame"]获取值。
2. 增强用户反馈：如果用户提交空内容，可以让$myGame显示提示文本，而不是空字符串，比如$myGame = "⚠️ 请输入有效的游戏名称！"。
3. 安全输出：输出$myGame时用htmlspecialchars()转义，防止XSS攻击。
4. 保留输入内容：用户提交后如果有错误，输入框里保留之前的内容，不用重新输入。

完善后的完整代码：

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<?php 
$myGame = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (empty($_POST["myGame"])) {
        $myGame = "⚠️ 请输入有效的游戏名称！";
    } else {
        $myGame = test_input($_POST["myGame"]);
        // 格式化输出，让内容更清晰
        $myGame = "✅ 你提交的游戏是：" . $myGame;
    }
}

function test_input($data) {
    $data = trim($data);
    $data = stripslashes($data); // 去除多余反斜杠
    $data = htmlspecialchars($data); // 提前转义特殊字符
    return $data;
} 
?>
<!-- 顶部展示$myGame，添加样式让它更显眼 -->
<div style="padding: 12px; background: #f0f9ff; border-radius: 4px; margin-bottom: 20px;">
    <?php echo $myGame;?>
</div>
<h2>TITLE</h2>
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
    <div style="margin-bottom: 10px;">
        <label for="myGame">游戏名称：</label>
        <!-- 保留用户之前的输入内容 -->
        <input type="text" id="myGame" name="myGame" value="<?php echo htmlspecialchars($_POST["myGame"] ?? '');?>">
    </div>
    <button type="submit">提交</button>
</form>
</body>
</html>

这样调整后，POST提交后不仅能正确展示$myGame的信息，还能让内容显示在页面顶部，同时兼顾了安全性和用户体验。

内容的提问来源于stack exchange，提问作者user1854438