html - 输入部分 url 以加载 url

Question

我的目标是在页面上有一个输入框，以便在输入单词时将用户发送到网站的该部分。

例如;

如果用户输入单词banana并按下GO按钮，www.mysite.com/banana则加载页面

如果他们进入apple它去www.mysite.com/apple等

谁能告诉我这样做的最整洁的方法？或者至少将我指向一个可以教我的地方——我对 HTML 还是很陌生，我正在努力成功地搜索这个以找到答案。

（我还需要为this page does not exist找不到页面的输入设置默认值，但这是后续问题）

Answer 1

通过添加文本和 URL，您可以重定向用户。

<input type="text" id="search_page" onclick="searchTextPage();" />

<script type="text/javascript">
    function searchTextPage(){    
       var searchText = $(#search_page").val();
       window.location = window.location + '/' + searchText;   
    }
</script>

为了挽救页面，您必须设置一些关于搜索文本的条件。

Answer 2

对于文本框，您可以使用：

<input type="text" name="something" size="50" id="naam" />
<input type="submit" value="Send">

然后你可以使用 PHPheader函数来重定向：

<?php
if( $_POST)
{

$text   = $_POST['something'];

header("Refresh: 0;url=www.mysite.com/$text");

}
?>

还要确保在进行任何输出之前必须调用标头。否则调用失败。查看此答案以获取更多信息。

Answer 3

这是示例 HTML：

<form action="javascript:void(0);" onsubmit="goToURL();">
    <input id="urlInput" type="text" />
    <input id="urlSubmit" type="submit" value="Go to URL"/>
</form>

和 JavaScript：

function goToURL() {
    var urlInput = document.getElementById("urlInput").value;
    window.location += "/" + urlInput;
}

然后（如果您使用的是使用 web.xml 的服务器），请在其中指定您的错误页面：

<error-page>
    <location>/general-error.html</location>
</error-page>

如果您特别想解决 404 问题，请在您的error-page:

<error-code>404</error-code>

注意：我没有验证这是否有效。