html 将表单输入值发送到URL

z9ju0rcb 于 2022-11-20 发布在其他

关注(0)|答案(2)|浏览(195)

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

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

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

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

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

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

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

Html

来源：https://stackoverflow.com/questions/20601098/send-form-input-value-to-url

2条答案

按热度按时间

a6b3iqyw1#

您可以尝试对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>

赞(0）回复(0）举报 2022-11-20

wa7juj8i2#

Pedro在这里做了一件很棒的事情，但是包括必需的输入标签也很顺利，因为它检查用户没有进行空搜索

赞(0）回复(0）举报 2022-11-20

我来回答

html 将表单输入值发送到URL

2条答案

相关问题

热门标签

最新问答