创建一个 HTML 表，其中每个 TR 是一个 FORM [英] Create a HTML table where each TR is a FORM

查看：33
本文介绍了创建一个 HTML 表，其中每个 TR 是一个 FORM的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试创建一个表格，其中每一行都是一个表格.我希望每个输入都在不同的表分区中，但我仍然需要，例如，所有第一个输入都属于同一个表头等等.

我想做的是一个可编辑的网格，或多或少是这样的:

<tr><form method="POST" action="whatever"><td><input type="text"/></td><td><input type="text"/></td></表单></tr><tr><form method="POST" action="whatever"><td><input type="text"/></td><td><input type="text"/></td></表单></tr>

但显然我不能以这种方式排列标签(或者 w3c 验证器是这么说的).

有什么好办法吗?

解决方案

如果你想要一个可编辑的网格"，即一个类似于表格的结构，允许你将任何行变成一个表单，请使用模仿 TABLE 标签布局的 CSS: display:table, display:table-row, and display:table-cell.

无需将整个表格包装在一个表格中，也无需为表格的每一行创建单独的表格和表格.

试试这个: