如何为每行都是表格的表格构建标签？答案

【问题标题】：How to structure tags for a table where each row is a form?如何为每行都是表格的表格构建标签？
【发布时间】：2015-04-30 02:39:58
【问题描述】：

我必须创建一个带有表格的页面，其中每一行数据都是可修改的，并且可以通过编辑表格直接保存（想想像 phpMyAdmin 所做的那样允许您内联编辑表格）。我面前有几个选项，我想知道哪个在语义上更正确：

我会将每个 <input> 链接到一个 Javascript 回调，以便每次更改行时都会自动将更新发送到服务器。哪条路线最符合 HTML 5 规范？

【问题讨论】：

标签： html

【解决方案1】：

您不能将每一行包装在一个表单中，这不是有效的语法。您可以在每个单元格中设置一个表格（这很痛苦），也可以将整个内容包装在一个表格中，这是大多数人的首选方式。

另一种选择是做 PHPMyAdmin 所做的事情，根本没有表单并使用 Ajax。

【讨论】：

【解决方案2】：

创建一个巨型<form> 包装我的<table>，其中包含多个<input>s 的每一行是同一个巨型<form> 的子代

这是允许的

创建一个<table>，其中每一行都是一个单独的<form>

这是不允许的

我会将每个 <input> 链接到一个 Javascript 回调，以便在您每次更改行时自动将更新发送到服务器。

从技术上讲，这根本不需要表格。您仍然应该拥有一个，以便您可以使用渐进增强而不依赖于 JS 功能。为每个表单控件指定一个行 ID 作为名称的一部分，以便在提交表单时知道数据属于哪一行。

【讨论】：