Question

我想创建一个表，其中每个td都是一个表单字段。接近这个的最佳方式是什么？我应该创建一个常规表并在表单字段上应用CSS样式以类似于td字段的大小？嗯......你有什么建议吗？

Answer 1

您可以轻松地在表单中放置标记，因此我建议在表单中嵌套表格：

<form>
<table>
  <tr>
    <td>Name: <input type="text" name="name" /></td>
    <td>Age: <input type="text" name="age" /></td>
  </tr>
</table>
<input type="submit" value="Submit" />
</form>

这将为您提供一行，两列表，每列中都带有标记文本框。关于嵌套HTML标记要小心，如果你制作了一个大的表格/表格，这可能会让你感到困惑。

Answer 2

一种方法是使用contenteditable

<html>
    <table>
         <tr>
              <td>
                  <div contenteditable="true"></div>
              </td>
          </tr>
    </table>
</html

Answer 3

人们似乎忘记了display: table，display: table-row和display: table-cell!

这是demo jsFiddle。

形式像表

3 个答案: