窗體造型，有什麼好

最近我一直在做一個新的應用程序，我使用了大量的表單。一切都很好，只是形式的樣式並不是那麼好看。自從我禁止<table>被用於佈局的目的以來，我的同事們都不敢將<tables>都一併使用。窗體造型，有什麼好

現在我想知道你們是如何塑造你的形式的。如果在表單造型上你可能會看到好的文章。甚至可能是更大的問題：表格現在是用來對錶單進行樣式設置的，一天還是沒有完成？

謝謝！

編輯：我沒有使用<table>的提出我的問題的一個例子：http://pastebin.me/c73c128eb67172991f728fbdd902a40e - 看到兩個標籤，怎麼是不一樣的尺寸。用CSS設置寬度可以工作，但不是動態的，這是未來的問題。

來源

2012-03-21 Jeffrey

表格應該用於表格數據，而不是別的。

我傾向於使用類似的東西以下

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

這就允許您在樣式，從而使它們出現的內聯，因爲你需要在多達你可以浮動的字段集（二是好的）標籤出現在輸入框上方。

當然，作爲CSS你可以改變風格！

實施例：http://jsfiddle.net/UQYrg/

來源

2012-03-21 08:45:00

如果我不使用表格，我如何確保所有''具有相同的寬度以及表格如何修復問題。設置一個固定的寬度似乎並不適用於不同的形式。 – Jeffrey 2012-03-21 08:47:00

取決於你想如何使窗體看起來，掛上我會編輯答案。 – 2012-03-21 08:48:25

我已經編輯了描述我的問題的一些HTML代碼的起始帖子。 – Jeffrey 2012-03-21 08:53:21

我最近讀了一篇相當不錯的文章，關於表單造型。你應該給它一個嘗試：

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

編輯：

哦，我已經忘了說了，不要害怕使用表時，你必須建立形式。

來源

2012-03-21 08:43:52

我的第一個Google點擊之一，我並沒有對它印象深刻。它更多的是外觀和顏色，而不是間距和對齊。這就是我正在尋找的東西。 – Jeffrey 2012-03-21 08:45:11

使用表格設計形式是很好的。如果需要，你可以建議你的同事使用它們來表格。桌子給你更多的設計控制，並可能有效cross-browser

來源

2012-03-21 08:55:01

我仍然喜歡使用<table>製作表格。但是，如果條件是你想避免它，你可以嘗試網格佈局（960.gs）。除了網站佈局可以用於其他目的也喜歡錶，旋轉器，盒裝的內容元素等

來源

2012-03-21 09:18:03

不是一個好的建議。應該總是通過語義表示表格數據。表格可以很好地使用div，標籤和輸入標籤進行樣式設計 – kishu27 2012-03-21 10:21:04

是的，通過語義學，它不應該被使用，但是在清晰的代碼和大小方面它比其他選項更好。如果表格很大，使用Divs製作表格會變得非常複雜。編輯它也是一個問題。我絕不會建議使用表格來進行其他任何操作......比如製作佈局或內容框等。但是就表單佈局而言，它使工作變得簡單。 – 2012-03-21 11:14:50

對於形式而言，應該避免Divs，因爲它們本身又不會增加形成元素的意義。這裏有一篇很棒的文章http://www.gethifi.com/blog/html-forms-the-right-ways 我建議大家給它一個閱讀並停止使用表格，因爲表格佈局最大的問題是在有些時候你可能不得不改變你自己的HTML來解決一些樣式問題。 – 2012-03-21 18:43:01

這裏看看......

http://whospent.com/login.php

我願意，如果解釋代碼沒有關於任何東西。

來源

2012-03-21 10:19:56 kishu27

它看起來不錯，但它有固定寬度的標籤。不管怎麼說，還是要謝謝你！ – Jeffrey 2012-03-21 10:35:59

窗體造型，有什麼好

回答

相關問題