数据库动态表格渲染问题求助：输入框未正常显示

核心问题 #

动态表格中输入框不显示，根源是HTML结构错误和语法问题导致浏览器无法正确解析渲染内容。

具体问题及修复步骤 #

1. 缺失表格容器：直接输出<tr>但未用<table>包裹，浏览器无法识别表格结构，<td>内的输入框无法正常渲染。
2. 嵌套表单标签：循环内重复生成<form>甚至嵌套表单，属于无效HTML，会破坏页面渲染逻辑。
3. HTML语法错误：隐藏输入框存在无效属性：<input type='hidden' sl' name='slno[]'...>，导致后续HTML解析异常。
4. 表单作用域错误：每行生成独立表单不符合批量提交需求，应让表单包裹整个表格。

修正后的代码 #

<?php
// 表单包裹整个表格，仅需一次
echo "<form method='post' action='' id='add-exam-scores'>";
echo "<table class='table'>"; // 添加表格标签，可自定义样式类

$query=mysqli_query($conn, "SELECT * FROM `asign_subject`,student,class WHERE asch_id = '$session_id' 
                            AND asign_subject.asubclas_id=student.stuclas_id
                            AND student.stuclas_id=class.class_id
                            AND `asubclas_id`='$asubclas_id' 
                            AND `asubj_id`='$asubj_id' 
                            AND `asec_id`='$asec_id'") or die(mysqli_error());

$slno = 1; // 序号自增
while($fetch=mysqli_fetch_array($query)){
    $db_name=$fetch['name'];
    $db_stu_id=$fetch['stu_id'];
    $db_regno=$fetch['reg_no'];
    $db_class=$fetch['asubclas_id'];
    $db_subject=$fetch['asubj_id'];
    $db_sec=$fetch['asec_id'];
    $db_sch=$fetch['asch_id'];
    $db_teacher=$fetch['atech_id'];
    $db_id=$fetch['asigsub_id'];
    $db_sect=$fetch['classect_id'];
    
    echo "
        <tr>
            <td>$slno</td> <!-- 替换原错误隐藏输入，直接显示序号 -->
            <td>$db_regno</td>
            <td>$db_name</td>
            <td><input type='number' name='ass_1[]' placeholder='1st CA' class='form-control' value=''></td>
            <td><input type='number' name='ass_2[]' placeholder='2nd CA' class='form-control' value=''></td>
            <td><input type='number' name='exam[]' placeholder='Exam' class='form-control' max='60.0' min='0' step='0.01' value=''></td>
            <!-- 隐藏字段保留，置于<tr>内不影响表格结构 -->
            <input type='hidden' name='scostu_id[]' value='$db_stu_id'>
            <input type='hidden' name='scoclas_id[]' value='$db_class'>
            <input type='hidden' name='scosbj_id[]' value='$db_subject'>
            <input type='hidden' name='scosec_id[]' value='$db_sec'>
            <input type='hidden' name='schsco_id[]' value='$db_sch'>
            <input type='hidden' name='scotech_id[]' value='$db_teacher'>
            <input type='hidden' name='asign_id[]' value='$db_id'>
            <input type='hidden' name='scoset_id[]' value='$db_sect'>
        </tr>
    ";
    $slno++;
}

// 闭合表格与表单
echo "</table>";
echo "<button type='submit' class='btn btn-primary'>提交分数</button>"; // 添加提交按钮
echo "</form>";
?>

额外建议 #

• SQL注入风险：直接拼接变量到SQL语句存在安全漏洞，建议使用mysqli_prepare预处理语句替代。
• 样式优化：可添加Bootstrap表格类（如table-striped、table-bordered）提升显示效果。
• 数据校验：前端限制输入范围，后端接收数据时需做合法性校验（如分数区间、非空检查等）。

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