将表单输入值发送到 URL

Question

我有一个简单的搜索表单：

<form method="get" action="">
<input id="search" placeholder="Search" type="search" name="search"></input>
</form>

我想从“搜索”中获取值并将其显示在 url 中，如下所示：

http://domain.ca/blog/search/searchterm

因此，如果访问者搜索“kubrick”，他们将获得如下网址：

http://domain.ca/blog/search/kubrick

我不能使用 PHP。有 Javascript 解决方案吗？

Answer 1

您可以尝试对 onsubmit 事件进行 javascript 重定向。为避免空搜索，请使用属性“required”作为输入。

例子：

<form onsubmit="window.location = 'http://domain.ca/blog/search/' + search.value; return false;">
<input id="search" placeholder="Search" type="search" name="search"></input>
<input type="submit" value="Send">
</form>