0

当每个表单执行不同的操作时，在 HTML 文档中包含多个表单是否被认为是最佳实践？这就是我正在做的事情：我正在制作一个搜索页面，该页面将使用几个不同公式的 SQL 查询来查询我的数据库。这个页面有三种搜索，每种搜索都有简单和高级两种模式。目前，我使用 javascript 来隐藏除处于活动状态的表单之外的所有表单，并且我将每种搜索模式在各自的表单中彼此分开，因为我处理它们的方式不同。单击搜索按钮时，搜索结果将发布在搜索表单下方的同一页面上。

那么，通常认为最好的做法是使用多种表单（这使得它的结构更容易和更模块化）或者我应该简单地隐藏和取消隐藏一个复杂表单中的元素？

4

2 回答 2

2

当每个表单执行不同的操作时，在 HTML 文档中包含多个表单是否被认为是最佳实践？

回答：仅当这些表单转到单独的 URL 时。

这就是我正在做的事情：我正在制作一个搜索页面，该页面将使用几个不同公式的 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-24T19:24:29.997 回答
0

在页面上呈现表单被认为是最佳实践，这样它们的目的直观地显而易见，它们易于访问者使用，它们具有良好的可供性，并且（imo）它们在页面上看起来很好。这个问题引起了很多相互矛盾的意见，但可能（是的，surrrrrre！）每个人都可以至少在这四点上达成一致。

很多人会说“好吧，最好把它向左浮动”或“在这里使用 <ul>”或“为什么要定位：固定；？” 国际海事组织，这些担忧都远没有访问者对完成页面的反应那么重要。

于 2011-09-24T19:17:58.827 回答