Question

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

例如;

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

如果他们输入apple，则会转到www.mysite.com/apple等

有人能告诉我最好的方法吗？或者至少把我指向一个可以教我的地方 - 我仍然是相当新的HTML，我很难成功地搜索它以找到答案。

（对于找不到页面的输入，我也需要转到默认的this page does not exist，但那是一个后续问题）

Answer 1

通过添加文字和网址，您可以重定向用户。

<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">

然后您可以使用PHP header函数重定向：

<?php
if( $_POST)
{

$text   = $_POST['something'];

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

}
?>

还要确保在进行任何输出之前必须调用标头。否则呼叫失败。有关详细信息，请查看this答案。

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>

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

输入url的一部分来加载url

3 个答案: