设计基于CSS的表单的最新技术是什么？

Question

我有几年设计Web应用程序的经验，但到目前为止，要在CSS中设计一个表单，我打开一个文本编辑器并开始编写代码。这对我有用，但如果我必须设计更大的形式（比如说，向导），最终会花费很多时间。所以这里的所有大师都有一个问题：设计基于CSS的表单的最快方法是什么？

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

Answer 1

我知道你说你并不是在寻找完全自动化的方法，但是如果你想在不编写大量代码的情况下快速构建表单，你可能需要查看其中一个在线表单构建器 - 你可以调整最终版本获得产生的加价。

• Wufoo

• Form Stack

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

如果您不需要专注于旧版浏览器，也值得考虑all the cool things you can add to forms thanks to HTML5 and CSS3。

Answer 2

对于基于CSS的布局，960网格系统最近似乎很受欢迎。 http://960.gs/

这是我在这个主题上看到的更好的教程之一：http://sixrevisions.com/web_design/the-960-grid-system-made-easy/

它会降低类名称的语义，并记录下来，以便你的队友可以自己学习，或者已经知道了。