本文教你使用php结合html表单，让用户自定义表格行数、列数、边框及每个单元格的宽度和高度，并安全输出对应表格，同时修正常见属性拼写与语法错误。
本文教你使用php结合html表单，让用户自定义表格行数、列数、边框及每个单元格的宽度和高度，并安全输出对应表格，同时修正常见属性拼写与语法错误。
在Web开发中，动态生成HTML表格是常见需求。本教程提供一个简洁、可运行的PHP示例：用户通过表单输入行数、列数、边框粗细以及每个单元格的宽度（width）和高度（height），后端PHP接收数据并渲染出符合要求的表格。
首先需注意两个关键修正点（原代码中的典型错误）：
- 表单字段的 nom 属性应为 name（法语 nom 是拼写错误，HTML标准属性名始终是 name）；
- PHP中字符串拼接时，border、width、height 等HTML属性值建议用单引号包裹，避免双引号内变量解析歧义（虽此处无影响，但属良好实践）。
✅ 修正后的完整代码如下：
<form method="POST">
Nombre de Lignes: <input type="number" name="lign" min="1" required>
Taille de Bordure: <input type="number" name="border" min="0" value="1" required>
Nombre de Colonnes: <input type="number" name="ncol" min="1" required>
Largeur de Colonnes (px): <input type="number" name="widh" min="10" value="80" required>
Hauteur de Colonnes (px): <input type="number" name="heig" min="10" value="40" required>
<input type="submit" value="Générer le Tableau">
</form>
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// 过滤并验证输入（基础防护）
$l = filter_input(INPUT_POST, 'lign', FILTER_VALIDATE_INT) ?: 3;
$b = filter_input(INPUT_POST, 'border', FILTER_VALIDATE_INT) ?: 1;
$c = filter_input(INPUT_POST, 'ncol', FILTER_VALIDATE_INT) ?: 4;
$widh = filter_input(INPUT_POST, 'widh', FILTER_VALIDATE_INT) ?: 80;
$heig = filter_input(INPUT_POST, 'heig', FILTER_VALIDATE_INT) ?: 40;
// 输出表格（使用现代语义化写法：width/height 属于表现层，建议后续改用CSS，但此处保持兼容性）
echo "<table border='{$b}' cellspacing='0' style='border-collapse: collapse; margin-top: 20px;'>";
for ($i = 1; $i <= $l; $i++) {
echo "<tr>";
for ($j = 1; $j <= $c; $j++) {
echo "<td width='{$widh}' height='{$heig}' style='border: 1px solid #ccc; text-align: center; vertical-align: middle;'> </td>";
}
echo "</tr>";
}
echo "</table>";
}
?>? 重要说明与最佳实践：
立即学习“PHP免费学习笔记（深入）”；
- width 和 height 属性在HTML5中已不推荐使用（属于过时的呈现属性），现代方案应通过CSS控制，例如：<td style="width: 80px; height: 40px;"> 或外链样式表。但为兼容旧浏览器及教学清晰性，本例仍保留内联属性写法。
- 务必对用户输入进行过滤（如 filter_input()），防止非法数值导致HTML结构破坏或XSS风险；生产环境还应增加长度限制、非负校验等。
- 表单字段类型推荐使用 type="number" 并设置 min 属性，提升用户体验与前端约束力。
- 用于确保空单元格在低版本浏览器中仍能正确渲染高度——若内容可为空，此处理稳妥。
掌握这一模式后，你可轻松扩展功能：例如添加背景色选择、合并单元格、导出为Excel等。核心逻辑始终是「表单收集 → 服务端验证 → 安全渲染」。
