創建多列窗體

我打算構建一個具有至少5到6個字段的多列窗體。創建多列窗體

使用CSS浮點操作最好的方法是什麼？或者用css使用表格。由於表格將會相當長，至少有大約50行。它可能有複選框，收音機，只是文本和輸入框。在那裏的任何樣本或例子？或者可用於使其在飛行中的任何工具（不是在尋找夢想韋弗或similiar型）

這裏是形式的樣本佈局究竟是怎樣爲：

Fieldname1 ,Fieldname2 ,Fieldname3 ,Fieldname4 ,Fieldname5 
inputbox1(checkbox), text, inputbox3, inputbox4, inputbox5

謝謝

2011-03-17 user244394

你所說的「最好」是什麼意思？ – Pops 2011-03-17 14:31:51

如果它是表格數據，名稱，日期，複選框列表等。我不明白這是一張桌子是不是一件壞事.. – Kyle 2011-03-17 14:34:41

我同意凱爾。如果它是一個字段的網格（文本和表單元素），那麼使用TABLE就沒有問題。 – 2011-03-17 14:41:25

如果您正在動態生成頁面，則可以使用庫在您正在使用的編程語言中以算法方式生成表單。例如，Python中的deform。這基本上可以節省您自行編寫50行HTML代碼的麻煩。或者，您可以使用JavaScript庫（如jQuery）在用戶界面中添加行（使用「添加其他條目」之類的按鈕）。

您可以使用表格或CSS;你在這裏的決定並不重要。從概念上來說，表格的複雜性會降低，因此如果要動態添加行，不同的瀏覽器可能會出現不可預知的行爲，因爲在初始頁面加載後，操作表格時，表格並不總是表現良好。

2011-03-17 14:44:32 syrion

我想，你需要一些程序，這將幫助你建立一個個性化的表格。

嘗試php forms，你將很容易在這個程序中工作，因爲它有一個視頻，它完全描述了表單創建的過程。

2011-05-10 10:46:29 astra

您是否參與了php表單？如果是這樣，請說明。 – Stephan 2012-11-22 15:09:55

將<fieldset>標記中的列分開，然後給它們一個固定的width和float它們。

下面是一個例子：

HTML

<form> 
    <fieldset> 
     <input /> 
     <input /> 
    </fieldset> 
    <fieldset> 
     <input /> 
     <input /> 
    </fieldset> 
</form>

CSS

form { width:100% } 
fieldset { width:25%; float:left }

2011-05-10 10:52:41

回答