如何回显name为aantal的文本输入框内容并提交后保留输入值？

嘿，我来帮你搞定这两个需求！看起来你已经成功让复选框保持勾选状态了，那这两个功能其实可以用类似的思路实现，咱们一步步来：

1. 回显用户输入的专辑数量 #

当表单提交后，你需要先获取用户输入的aantal值，然后在页面上指定位置显示出来。假设你用PHP处理表单提交（这是最常见的后端处理方式），可以在表单下方添加一段判断逻辑：

<?php
// 检查表单是否提交
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 获取输入的专辑数量，默认值设为0防止报错
    $aantal = isset($_POST['aantal']) ? intval($_POST['aantal']) : 0;
    // 回显内容
    echo "<p>你输入的专辑数量是：<strong>$aantal</strong></p>";
}
?>

2. 提交后保持输入框内的数值不重置 #

要让输入框在提交后保留用户输入的值，只需要给input的value属性设置为提交后获取到的aantal值即可，和你处理复选框勾选状态的逻辑类似：

<input type="text" name="aantal" 
       value="<?php echo isset($_POST['aantal']) ? htmlspecialchars($_POST['aantal']) : '0'; ?>">

这里用htmlspecialchars()是为了防止XSS攻击，把用户输入的特殊字符转义，让页面更安全。

完整的示例代码 #

把上面的逻辑整合到你的HTML里，完整代码大概是这样的：

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>专辑数量提交示例</title>
</head>
<body>
    <?php
    $aantal = 0;
    if ($_SERVER['REQUEST_METHOD'] === 'POST') {
        $aantal = isset($_POST['aantal']) ? intval($_POST['aantal']) : 0;
        // 回显输入的数量
        echo "<p>你选择的专辑数量：<strong>$aantal</strong></p>";
    }
    ?>

    <form method="post" action="">
        <!-- 保持输入框数值的input -->
        <label for="aantal">专辑数量：</label>
        <input type="text" id="aantal" name="aantal" 
               value="<?php echo htmlspecialchars($aantal); ?>">
        
        <!-- 你已实现的复选框示例（保持勾选状态） -->
        <br>
        <label><input type="checkbox" name="genre[]" value="rock" 
                      <?php echo (isset($_POST['genre']) && in_array('rock', $_POST['genre'])) ? 'checked' : ''; ?>> 摇滚</label>
        <label><input type="checkbox" name="genre[]" value="pop" 
                      <?php echo (isset($_POST['genre']) && in_array('pop', $_POST['genre'])) ? 'checked' : ''; ?>> 流行</label>
        
        <br>
        <button type="submit">提交</button>
    </form>
</body>
</html>

关键点说明 #

• 用$_SERVER['REQUEST_METHOD'] === 'POST'判断表单是否提交，避免页面刚加载就显示回显内容
• intval()用来确保输入的是整数类型，避免非数字内容带来的问题
• htmlspecialchars()必须加上，防止用户输入恶意脚本，保障页面安全
• 复选框的保持逻辑和输入框的保持逻辑本质都是：提交后判断是否有对应的值，有就设置相应的属性（checked或value）

这样就能同时实现回显输入数量和输入框数值不重置的功能啦！

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