html - 使用表单处理多列/复杂列的标准和最佳实践

Question

我想知道在处理内部包含表单的多个复杂列时的最佳实践或方法是什么。

这是我正在处理的表格的一个例子

如何为此正确编写 HTML 标记？如果我为每列用“DIV”包装每个表单元素，则需要很多“DIV”和样式；以及每列不重复的宽度。

所以我所做的是，我将所有表单元素放在表格中。我认为这不是标准的做法。

如果你在我的鞋子里，

您将如何处理具有非重复宽度的列？

Answer 1

复杂表单没有标准，但是有很多博客文章声称已经找到了解决这个问题的完美方法。他们中的大多数都经过深思熟虑，但最终你必须选择你最喜欢的一个。不过我有一些建议：

• 查看美国邮政服务地址变更表。出乎意料的好

• 如果您有很多表单，那么使用 960.gs、blueprint.css 或 YUI 网格（颤抖）之类的网格系统是实现表单的一种简单方法。但是，如果这是您唯一使用它们的地方，那么网格系统肯定会被认为是臃肿的。

  • 在 Google 上搜索“无表格表单”。你会看到很多不同的实现。选择你喜欢的那个。

Answer 2

我可能会将每个表单元素放在无序列表中的列表项中（我认为从语义上讲，它是需要填写的输入元素的列表。）

然后我会为它们添加类以进行定位和宽度等 - 需要为柱状的类指定宽度并向左浮动......

所以：

<ul>
   <li class="iName"><label for="name">Full name:</label><input name="name"/></li>
   <li class="iEmail"><label for="email">Email:</label><input name="email"/></li>
   etc etc...
</ul>

我相信这在语义上是正确的，也是最容易做到的。