Html 最佳做法：多种形式

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

---

因此，通常认为使用多个表单（这使得它的结构更简单、更模块化）或者我应该简单地隐藏和取消隐藏一个复杂表单中的元素是最佳实践吗？

在页面上呈现表单，以便直观地看到它们的用途，这被认为是最佳实践，它们便于访问者使用，具有良好的可承受性，而且（在我看来）它们在页面上看起来很好。这个问题引发了许多相互矛盾的观点，但可能（是的，没错！）每个人至少都能在这四点上达成一致

---

很多人会说“好吧，最好是向左浮动”或“在这里使用

或“为什么位置：固定；？”依我看，这些问题一直存在，与访问者对已完成页面的反应相比，它的重要性要小得多。
当一个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>

-先进的
把高级选项放在这里。
搜寻

那么，通常认为使用多个表单（这使得它的结构更简单、更模块化）来实现这一点是最佳实践，还是应该简单地在一个复杂表单中隐藏和取消隐藏元素

---

答：这似乎过于复杂。我想说这不是最好的做法。有了更多的信息，我相信有人会给你展示一个更好的方法。
你能给出每个表单的操作示例吗？如果你发布到3个不同的URL，多个表单是很好的。但是，听起来好像你在向同一个URL提交3个不同的搜索查询，是这样吗？