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 的格式。