Html 基于CSS的表单设计的最新进展是什么？

我在设计web应用程序方面有几年的经验，但在这之前，为了用CSS设计表单，我打开了一个文本编辑器并开始编写代码。这对我来说是可行的，但如果我不得不设计更大的表单（比如说，wizards），那么最终会花费很多时间。因此，这里所有的专家都有一个问题：设计基于CSS的表单的最快方法是什么，看起来足够体面

---

附言：我不是在寻找完全自动化的方法。我只是在寻找能够产生可读的CSS代码的东西，我可以深入研究并进一步发挥。

960网格系统最近似乎非常流行于基于CSS的布局。

这是我在这方面看过的最好的教程之一：

---

它在类名周围有分散的语义，并且有文档记录，这样你的队友就可以自己学习，或者可能已经知道了。

我知道你说过你没有寻找完全自动化的方法，但是，如果您希望在不编写大量代码的情况下快速构建表单，您可能希望查看这些在线表单生成器中的一个，您可以调整生成的最终标记

就从头开始构建自己的表单而言：我建议将表单输入包装到其他元素中，您可以使用这些元素创建字段和标签的良好对齐。我喜欢把我的表单输入放在一个定义列表中，这样每个标签都可以是a，每个输入都可以被包装成a，然后dt可以被向左浮动，从而形成一个很好的对齐

---

如果您不需要关注较旧的浏览器，也值得考虑的是

除了对齐元素外，“960网格系统”与设计表单有什么关系？和基于像素的固定宽度布局？为什么设计师不能接受CSS的灵活性，而不是将自己局限于这样的约束？冷静点，杀手。没有人说任何人必须使用任何东西。我同意你的看法，罗托拉。我们现在可以看到一种趋势。用户使用iOS设备（iPhone、iPod Touch、iPad）、Android设备、Windows Mobile 7设备甚至电视等计算机以外的其他媒体浏览网站。960网格系统与这些设备不太相关。一切都取决于使用它的环境。我完全支持编写自己的css，但我可以向您保证的一件事是，框架在保持开发团队在代码中使用一致的语义方面增加了很多价值。除此之外，您还可以利用现有知识，雇佣一名可能已经了解该框架的新员工。没有银弹，960网格系统也没有被建议作为移动设备的解决方案。然而，这是一种构建基于网格的表单布局的简单方法，因为我见过的每个表单都像网格一样进行布局。再次阅读我的答案后，我相信它更坚定地解决了“基于CSS的表单”和“可读CSS代码”这两个问题。