本文介绍如何使用php接收用户输入的宽度和高度值，并动态生成具有指定单元格尺寸的html表格，包含表单修正、安全输出和基础实践要点。

本文介绍如何使用php接收用户输入的宽度和高度值，并动态生成具有指定单元格尺寸的html表格，包含表单修正、安全输出和基础实践要点。

在Web开发中，常需根据用户输入动态生成表格结构。上例中，目标是让用户自定义表格行数、列数、边框粗细以及每个单元格（

）的宽度（width）和高度（height）。但原始代码存在两个关键问题：一是表单字段 nom="widh" 和 nom="heig" 属于拼写错误（应为 name），导致PHP无法正确获取参数；二是直接拼接用户输入到HTML中存在潜在XSS风险，且未做基础校验。

以下是修正后的完整可运行代码（含必要防护建议）：

Nombre de Lignes: Taille de Bordure: Nombre de Colonnes: Largeur de Colonnes (px): Hauteur de Colonnes (px):

"; for ($i = 0; $i "; for ($j = 0; $j  "; } echo ""; } echo ""; } ?>

✅ 关键改进说明：

Html To Pdf

使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。

下载

• 修正 nom → name，确保表单数据可被PHP正确接收；
• 将 改为 ，并添加 min/max/required 属性，提升用户体验与输入约束；
• 使用 intval() 过滤用户输入，避免类型混淆与潜在异常；
• 强烈建议弃用 和 （HTML5中已废弃），改用 style="width: ...px; height: ...px" 实现更可靠、符合现代标准的布局控制；
• 添加 border-collapse: collapse 防止默认单元格间距影响尺寸表现。

⚠️ 注意事项：

• 生产环境中应进一步验证输入范围、过滤特殊字符，并考虑使用CSS类+外部样式表替代内联样式；
• 若需响应式支持，请改用相对单位（如 %, rem）或媒体查询；
• 对于复杂表格，建议结合前端JavaScript实现预览或实时调整功能。

掌握这一模式后，你可轻松扩展为支持背景色、内容填充、合并单元格等进阶功能。

php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！