javascript - フォーム フィールドを url に変更します

Question

以下のように投稿する代わりに、フォームを単一のリンクに変更する必要があります。

http://example.hu/search.php?product=shoesの代わりに

フォームからユーザーをhttp://example.hu/products/shoesのみに誘導したい

書き直しとすべてを修正しました。私だけがホームページのフォームに関するヘルプを必要としています。ご協力いただきありがとうございます。

Answer 1

私の質問に対する答えはこれでした：

次のように、送信が押されたときに、javascript を使用してこのフォーム アクション + 名前に移動するだけです。

<form>
<div><input type="text" placeholder="Search for a something..." name="q">
<button type="submit" onclick="window.location.href = this.form.action + encodeURIComponent(document.getElementsByName('q')[0].value); return false; ">Search</button></div>
</form>

フォームはユーザーをhttp://localhost.hu/search/q/のような URL に送ります。