html - HTML 中的搜索栏

Question

我有一个搜索表单，它重定向到结果。如果该页面不存在，我想显示 404 错误。我该怎么做？

我的代码

<center>
    <input name="txtSearch" maxlength="12" size="25" type="text" class="field" id="txtSearch" />
    <div>&nbsp;</div>

    <div class="button" style="display:inline-block">
        <a  onclick='window.location.href="" + document.getElementById("txtSearch").value;'>
            Submit
        </a>
    </div>
</center>

Answer 1

首先，您的想法和可能对搜索的理解似乎有一些优点是错误的。正如您的帖子和代码所示，您只允许用户搜索特定内容。如果我错了并且您的代码以其他方式运行，请纠正我，但是..

想象一下:一个来自肯尼亚的 10 岁男孩最终访问了您的网站 - 他怎么知道您的网站包含哪些内容？或者如果他找到了，他将如何尝试找到它？是的，他使用搜索。

他得到的第一个点击是 404，因为他搜索了不存在的东西，并且不知道您的站点只允许搜索存在的特定东西。他离开了您的网站，找不到他想要的内容。

这不是搜索的功能。搜索应该允许您搜索所有内容，显示所有可能结果的列表，如果没有找到则礼貌地错误 - 绝对不会立即重定向到特定页面 - 相反，所有搜索的通用页面，或者如果说提供 404 super 特定页面不存在。

我建议您查看 Algolia或其他类似产品以方便搜索。

要解决您的问题，但是...

1. 按钮 div 的类声明中缺少引号。将编辑 Q 来解决这个问题。
2. 您真的、真的需要使用缩进。它将使您的代码更易于阅读，并且更好，更吸引其他人来帮助您。也会对其进行编辑。

3. 您需要的是元素根目录中的 .htaccess 文件，至少要有定义的 404 页面。这样的东西，经过编辑，以适合您的 404 错误页面路径和名称。您将像任何其他页面一样设计和开发 404 页面。这将应用于您丢失的所有页面，因此适本地设计和构建它的内容(看看为什么搜索结果页面更好，现在？)。

   ErrorDocument 404/404.html

4. 如果您碰巧使用 nginx 而不是 apache，请在您的服务器配置中执行此操作:

   error_page 404/404.html;

5. 或者，您可以围绕搜索构建一个表单，并将查询字符串(这是用户搜索字符串的一个奇特词)发送到您的一些 PHP 脚本，这可以确定是否有结果显示或不显示适当的内容——同样，这也可以用 Algolia 或类似的东西来完成——只需解析并以适当的形式提供你的内容。