最佳實踐：多種形式

當HTML表單中的每個表單執行不同的操作時，是否認爲HTML文檔中包含多個表單是最佳做法？以下是我正在做的事情：我正在製作一個搜索頁面，它將使用幾個不同公式化的SQL查詢來查詢我的數據庫。該頁面有三種搜索類型，每種類型的搜索都有一個簡單和高級的模式。目前，我使用javascript來隱藏除了活動之外的所有表單，並且我將每種搜索模式都以自己的形式彼此分開，因爲我以不同的方式處理它們。點擊搜索按鈕後，搜索結果將發佈在搜索表單下方的同一頁面上。最佳實踐：多種形式

那麼，人們普遍認爲最好的做法是用多種形式做到這一點（這使得它在結構中更容易和更模塊化），還是應該隱藏和取消隱藏一個複雜形式內的元素？

來源

2011-09-24 Adam

您能舉出每個表單的操作示例嗎？如果您發佈到3個不同的網址，多種形式都很好。但是，這聽起來像是您將3個不同的搜索查詢提交到相同的URL，是這樣嗎？ – b01

當這些表單中的每一個執行不同的操作時，在HTML文檔中是否有多個表單被認爲是最佳實踐？

答案：只有當這些表單轉到單獨的網址時。

這是我在做什麼：我正在製作一個搜索頁面，用幾個不同公式化的SQL查詢來查詢我的數據庫。該頁面有三種搜索類型，每種類型的搜索都有一個簡單和高級模式。目前，我使用javascript來隱藏除了活動之外的所有表單，並且我將每種搜索模式都以自己的形式彼此分開，因爲我以不同的方式處理它們。點擊搜索按鈕後，搜索結果將發佈在搜索表單下方的同一頁面上。

重碼，從模糊的描述可能的例子：

<form id="search-type-1" action="/search-engine" method="post"> 
    <input type="checkbox" name="advanced-mode" /> - Advanced 
    <input type="text" name="query" /> 
    <div class="options"> 
     Put advanced options here. 
    </div> 
</form> 
<button id="submit-button">Search</button> 
<div id="search-ouput"></div>

那麼，是不是通常被認爲是一個會做這個多種形式（這使得它更容易和更模塊化的，在它的最佳實踐結構）還是應該簡單地隱藏和取消隱藏一個複雜表單中的元素？

答：這似乎過於複雜。我會說這不是最佳做法。隨着更多的信息，我敢肯定有人會告訴你一個更好的方法。

來源

2011-09-24 19:24:29 b01

在網頁上呈現表格時，他們的目的顯而易見，對訪問者來說很容易使用，它們具有良好的可供性以及（imo）在頁面上看起來很好，這被認爲是最佳實踐。這個問題引發了很多矛盾的觀點，但它至少可以在所有這四點上達成一致（是的，surrrrrrre！）。

很多人都會說：「好吧，最好漂浮這個左邊」或「在這裏使用< ul>」或「爲什麼位置：固定;？」國際海事組織，這些擔心都是如此，方式比訪問者對完成頁面的反應要少得多。

來源

2011-09-24 19:17:58

最佳實踐：多種形式

回答

相關問題