html - URLの配列として送信するフォーム要素に名前を付ける方法は?

Question

結果をフィルタリングできるページを作成しています。フォームが送信されたら、次のような URL を作成しようとしています。

/results/filtered?categories=[1,3,5]&types=[7,8,9]

次のようなフォームがあります。

<form action="/results/filtered" method="get">
  Category filters:
  <input type="checkbox" name="categories[]" value="1">
  ...
  <input type="checkbox" name="categories[]" value="5">

  Types:
  ... same sort of thing
  <input type="checkbox" name="types[]" value="9">

  <input type="submit" value="Go">
</form>

ただし、フォームを送信すると、次のような URL が表示されます。

/results/filtered?categories%5B%5D=1&categories%5B%5D=3&categories%5B%5D=5&types%5B%5D=7&types%5B%5D=8&types%5B%5D=9

動作しますが、かなり醜いです。フォームを変更してきれいな URL を取得するにはどうすればよいですか?

Answer 1

javascriptを使用して独自のフォームプリプロセッサを作成しない限り、URLの形式をそのように制御することはできません。