表单样式，什么是好的

Question

最近我制作了一个新的应用程序，使用了大量的表单。一切都很好，除了形式的造型不是很好看。自从我禁止<table>用于布局目的以来，我的同事们都害怕将<tables>一起使用。

现在我想知道你们是如何设计表格的。如果你知道一些关于表单样式的好文章。甚至可能还有更大的问题：表格现在是用来设计表格样式的，还是没有这样做？

谢谢！

编辑：我举了一个不使用<table>的问题的例子：http://pastebin.me/c73c128eb67172991f728fbdd902a40e-查看两个标签的大小如何不同。用CSS设置宽度是可行的，但它不是动态的，这是未来的问题。

Answer 1

表应该用于表格数据，而不是其他数据。

我倾向于使用与以下类似的东西

<form>
  <fieldset>
    <label>Input one</label>
    <input type="text" />
  </fieldset>
  <fieldset>
    <label>Input one</label>
    <input type="text" />
  </fieldset>
</form>

然后，您可以将其设置为这样的样式，即您可以浮动字段集，使它们在需要的范围内以内联方式显示（两个很好），并且标签显示在输入框上方。

当然，作为CSS，你可以在wim上更改样式！

示例：http://jsfiddle.net/UQYrg/

Answer 2

我最近读了一篇非常好的关于表单样式的文章。你应该试一试：

http://www.sitepoint.com/style-web-forms-css/

编辑：

哦，我忘了说，当你必须构建表单时，不要害怕使用表。

Answer 3

为设计表单使用表是很好的。如果有必要，你可以建议你的同事在表格中使用它们。表格使您能够更好地控制设计，并且可能适用于cross-browser

Answer 4

我仍然更喜欢使用<table>来制作表单。但是，如果你想避免这种情况，你可以尝试网格布局（960.gs）。除了网站布局，它还可以用于其他用途，如表格、旋转器、盒装内容元素等。

Answer 5

看看这里。。。

http://whospent.com/login.php

如果代码中没有任何内容，我愿意解释。