Question

当每个表单执行不同的操作时，在HTML文档中包含多个表单是否被视为最佳做法？这就是我正在做的事情：我正在创建一个搜索页面，它将使用几个不同的SQL查询来查询我的数据库。此页面有三种类型的搜索，每种类型的搜索都有简单和高级模式。目前，我使用javascript来隐藏除活动之外的所有表单，并且我将每个搜索模式保持为彼此独立的形式，因为我处理它们的方式不同。单击搜索按钮时，搜索结果将发布在搜索表单下方的同一页面上。

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

Answer 1

当每个表单执行不同的操作时，在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>

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

答：这看起来过于复杂。我想说这不是最好的做法。有了更多信息，我相信有人可以向您展示更好的方式。

Answer 2

最佳做法是在页面上显示表单，使其目的直观明显，访问者可以轻松使用，具有良好的可用性，并且（imo）它们在页面上看起来很好。这个问题引发了许多相互矛盾的观点，但可以<（是的，支持！）至少每个人都能就这四点达成一致。

很多人都会说“嗯，最好漂浮这个左边”或“在这里使用＆lt; ul＆gt;”或“为什么位置：固定;？” IMO，这些问题都是关键，方式不如访问者对完成页面的反应重要。

最佳实践：多种形式

2 个答案: