基于mysqli按行ID实现行级提交按钮的MySQL单行字段更新

1. 表单嵌套结构不符合HTML规范：原代码将全局大<form>标签放在<tr>层级外、未被<td>包裹，浏览器解析时会自动修正DOM结构，导致表单字段提交错乱
2. 同名字段全局覆盖：哪怕取消注释循环内的隐藏id输入，50个同名name="id"的隐藏域都在同一个全局大表单里，浏览器提交时同名字段只会发送最后一个出现的值（即最后一行的id），和用户点击哪一行的按钮无关
3. 后端逻辑变量误用：原更新语句里的$id是while循环跑完所有数据后残留的最后一行的id值，没有从提交请求中读取参数，相当于固定用最后一行的id做更新条件
4. 原代码的HTML闭合逻辑混乱：存在重复写</form>、表格闭合标签和表单标签嵌套顺序错误的问题，进一步加剧了解析异常

针对你之前不确定的行ID绑定、隐藏域和循环的配合问题，正确逻辑是：

• 取消包裹全表格的全局大表单
• 每一行的提交按钮所在的<td>单元格内，单独放一个只属于当前行的独立小表单
• 每行的隐藏域和提交按钮绑定在自己的小表单里，跟着while循环逐行生成，每个表单只携带当前行的id值
• 提交时浏览器只会发送当前点击按钮所属表单内的字段，不会被其他行的同名字段覆盖
• 后端处理时从POST请求中读取当前提交的行id，不再使用循环残留的变量

<?php
include 'config.php';

// 优先处理提交逻辑，避免渲染页面后处理触发刷新重复提交
if(isset($_POST['Submit']) && isset($_POST['row_id'])) {
    // 强制把id转成整数，从根源规避SQL注入
    $target_id = (int)$_POST['row_id'];
    $sql = "UPDATE ppm SET done=1 WHERE id = $target_id";
    mysqli_query($con, $sql) or die("无法更新记录");
    // 处理完成后跳转回列表页，避免重复提交
    header("Location: ".$_SERVER['PHP_SELF']);
    exit;
}

if(isset($_POST['reset_all'])) {
    $sql = "UPDATE ppm SET done=0";
    mysqli_query($con, $sql) or die("无法重置所有记录");
    header("Location: ".$_SERVER['PHP_SELF']);
    exit;
}

// 渲染表格
$result = mysqli_query($con,"SELECT * FROM ppm");
echo '<table>
        <tr>
            <td>ID</td>
            <td>Extinguisher Location</td>
            <td>ID No.</td>
            <td>Type</td>
            <td>操作</td>
            <td>完成状态</td>
            <td>更新时间</td>
        </tr>';
while($row = mysqli_fetch_array($result)) {
    $id = $row['id'];
    echo "<tr>";
    echo "<td>$id</td>";
    echo "<td>" . $row['pretty_name'] . "</td>";
    echo "<td>" . $row['ident'] . "</td>";
    echo "<td>" . $row['type'] . "</td>";
    // 每个单元格内单独绑定当前行的独立表单，互不干扰
    echo "<td>
            <form action='' method='post'>
                <input type='hidden' name='row_id' value='$id'>
                <input value='标记完成' name='Submit' type='submit' />
            </form>
          </td>";
    echo "<td>" . $row['done'] . "</td>";
    echo "<td>" . $row['updated_at'] . "</td>";
    echo "</tr>";
}
echo '</table>';

// 全量重置按钮放在表格外的独立表单中，避免和逐行逻辑冲突
echo "<form action='' method='post' style='margin-top: 1rem;'>
        <input value='重置全部' name='reset_all' type='submit' />
      </form>";
?>

• 所有表单元素必须放在<td>标签内部：不要把form标签直接放在表格行的层级外面，否则不同浏览器的解析差异会导致字段丢失
• 处理完表单提交后加跳转逻辑：避免用户刷新页面时重复发送POST请求，造成重复更新
• 取提交的id值时强制转成整数：不需要额外写转义逻辑，就能从根源上规避SQL注入风险
• 后续如果要优化体验，再逐步引入Ajax实现无刷新更新即可，当前结构完全可以作为后续优化的基础

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