HTML表单多输入提交到PHP数组时仅获取最后一个值的问题

• 核心原因是多值表单字段的命名不符合PHP接收规则：如果需要用同名字段提交多个值，必须在name属性值末尾加[]后缀，否则浏览器提交时后渲染的同名字段会直接覆盖前面字段的值，PHP从$_POST中只能读取到最后一个输入框的内容，也就是你填入的200，第一个输入框的100在提交阶段就被覆盖丢弃了。
• 前端循环存在逻辑错误：你在for循环内部执行echo $i++时，后置自增操作会额外修改循环控制变量$i的数值，导致循环实际执行次数和预期不符，你能看到两个输入框本质是浏览器对不规范HTML标签的容错渲染，不是PHP循环正常输出的结果。
• 后端接收逻辑冗余错误：就算表单正常提交了多个值，你写的固定次数for循环是重复读取同一个$_POST['ID_score']标量值，本身也无法遍历拿到不同输入框的内容。
• 附加HTML语法问题：<br>是单标签不需要写闭合的</br>，表单标签也没有写对应的闭合标签，会导致浏览器渲染行为不可预期。

1. 修正前端表单代码 #

将同名字段的name改为数组格式，移除循环内多余的变量自增，修正HTML语法错误：

<form method="post" action="index.php">
    <?php for($i = 0; $i < 2; $i++){ ?>
        <label>input your ID score -[<?php echo $i + 1 ?>] : </label>
        <input type="text" name="ID_score[]">
        <br>
    <?php } ?>
    <input type="submit" name="send" value="send it">
</form>

2. 修正后端接收逻辑 #

直接读取表单提交的数组即可，不需要手动写固定次数的循环，建议增加基础类型校验避免报错：

<?php
$score = [];

if(isset($_POST['send'])){
    // 校验提交的分数字段是否为合法数组
    if(isset($_POST['ID_score']) && is_array($_POST['ID_score'])){
        // 可按需增加分数合法性校验，例如是否为数字、分值范围是否合理
        foreach($_POST['ID_score'] as $input_score){
            $score[] = trim($input_score);
        }
    }
}
?>

修改完成后重新测试，第一个输入框填100、第二个填200提交，var_dump($score)会输出包含两个元素的数组，两个输入值都可以正常读取。

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