如何为每个表格形式的表格构建标签？

Question

我必须创建一个包含表格的页面，其中每行数据都是可修改的，可以通过编辑表格直接保存（想象phpMyAdmin允许您编辑内联表格的内容） 。我面前有几个选项，我想知道哪个更符合语义：

• 创建一个巨大的<form>包裹我的<table>，其中包含多个<input>的每一行都是同一个巨人的孩子<form>
• 创建<table>，其中每一行都是单独的<form>

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

Answer 1

  

创建一个巨大的<form>包裹我的<table>，其中包含多个<input>的每一行都是同一个巨人<form>的孩子

允许

  

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

这是不允许的

  

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

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

Answer 2

您无法在表单中包装每一行，但它的语法无效。你可以在每个单元格中都有一个表单（这很痛苦）或者将整个表单包装成一个表单，这是大多数人的首选方式。

另一个替代方法是执行PHPMyAdmin所做的事情，根本没有表单并使用Ajax。