剃刀視圖引擎數據輸入表格

Question

我來自WPF/XAML背景，我試圖讓我的頭進入MVC。我想知道如果我想創建一個數據捕獲表單，你會使用表或div來構造標籤和下拉菜單/文本框等。

我問，因爲提供的模板已經堆疊在一起，浪費寶貴的屏幕區域。我想有我標籤爲標題，用的名字，姓都在同一行/列與同爲數據採集元素？

Answer 1

您應該使用div來構建您的佈局。 也可以使用一些網格佈局框架（如Twiter Boostrap，請參閱網格系統）。如果你有WPF背景 - 它可以在HTML世界中從WPF模擬一定程度上的Grid面板。

Answer 2

In HTML表標籤應該用於Tabular data;應該使用結構的Div/Span標籤和CSS來控制結構。

採取一個長相下面的鏈接，輸入表單結構示例：

Differents way to structure html inputs and labels in a form

Best way to structure a two column html form?

http://aceinfowayindia.com/blog/2009/06/how-create-good-looking-form-without-table/

它不僅清潔劑div的使用，但它也使頁面根據W3C規則更易於訪問。