如何将表单元素命名为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>

但是，当我提交表单时，我会得到一个如下所示的网址：

/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创建自己的表单预处理器，否则无法控制该网址的格式。