处理多柱/复杂柱和模板的标准和最佳实践

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

• 查看美国邮政更改地址表。做得出奇的好

• 如果你有 太多了 对于表单,使用类似960.gs、blueprint.css或yui grids(颤栗)的网格系统是实现表单的简单方法。 然而 如果网格系统是你唯一使用它们的地方,那么它肯定被认为是膨胀的。

  • 在谷歌上搜索“无表格表格”。您将看到许多不同的实现。选择你喜欢的那个。

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

然后我会为它们添加用于定位和宽度等的类-列的类需要给定一个宽度并向左浮动…

所以:

<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>

我相信这在语义上是正确的,也是最容易理解的方法。