形式造型,有什么好处

时间:2012-03-21 08:41:15

标签: html forms styles

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

现在我想知道你们是如何为你的表格打造的。如果您在表单样式上有可能知道的好文章。甚至可能是更大的问题:现在是用来表格形式的表,还是没有用?

谢谢!

修改:我举例说明了我的问题没有使用<table>http://pastebin.me/c73c128eb67172991f728fbdd902a40e - 看看两个标签的大小不同。使用CSS设置宽度会起作用,但它不是动态的,这是将来的一个问题。

5 个答案:

答案 0 :(得分:1)

我最近阅读了一篇与表单样式相关的非常好的文章。你应该试一试:

  

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

编辑:

哦,我忘了说,当你必须建立表格时,不要害怕使用表格。

答案 1 :(得分: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/

答案 2 :(得分:1)

将表格用于设计表格是好的。如果表格需要,您可以建议您的同事使用它们。 表格为您提供了更多的设计控制,可能适用于cross-browser

答案 3 :(得分:1)

我仍然希望使用<table>来制作表单。但如果条件是你要避免它,你可以尝试网格布局(960.gs)。除了网站布局,它还可以用于其他目的,如桌子,旋转器,盒装内容元素等。

答案 4 :(得分:0)

看看这里......

http://whospent.com/login.php

我愿意解释这些代码是否与此有关。