html 带有 get 方法的表单正在为同一个输入数组创建多个查询参数

Question

Let's say I have this simple form:

<form action="/search/" method="get" role="search">
    <input name="cars[]" value="saab">
    <input name="cars[]" value="honda">
    <input name="cars[]" value="toyota">
    <input type="submit" value="submit">
</form>

After clicking submit I am being redirected to the search results page and the URL looks like this: https://example.com/search/?cars=saab%5B%5D&cars=honda%5B%5D&cars=toyota

Questions:

1. Why is this piece of code %5B%5D added to the url and can I get rid of it?
2. Why is cars appearing multiple times? Can I simple have ?cars=saab,honda,toyota ?

Thanks

Answer 1

Each input must have a unique name, just change names.