例如;如果用户点击pop和摇滚框,我想将页面发送到www.mysite.com/?view=listen&tag[]=pop&tag[]=rock
如果我使用下面的表单代码,它适用于Firefox和IE。但是,如果用户点击了谷歌浏览器,则页面转到http://www.mysite.com/www.mysite.com/?view=listen&tag[0]pop&tag[1]rock&
标记名称前面的等号会消失。我如何才能在谷歌Chrome上工作?
<form action="http://www.mysite.com/">
<input type="hidden" name="view" value="listen" />
<input type="checkbox" name="tag[]" value="pop" />pop<br /><br />
<input type="checkbox" name="tag[]" value="rock" />rock<br /><br />
<input type="checkbox" name="tag[]" value="indie" />indie<br /><br />
<input type="checkbox" name="tag[]" value="electronic" />electronic<br />
<button type="submit">submit</button>
</form>
答案 0 :(得分:1)
我试过这个。在谷歌浏览器中,它会使用方括号和等号来发布表单以更正网址:
这是你的代码:
表单网址:http://jsbin.com/ihagon/1
当我选择pop和rock并按提交时,它会转到此网址:
目标网址:http://jsbin.com/ihagon/1?view=listen&tag%5B%5D=pop&tag%5B%5D=rock
这是HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
</head>
<body>
<form action="http://jsbin.com/ihagon/1">
<input type="hidden" name="view" value="listen" />
<input type="checkbox" name="tag[]" value="pop" />pop<br /><br />
<input type="checkbox" name="tag[]" value="rock" />rock<br /><br />
<input type="checkbox" name="tag[]" value="indie" />indie<br /><br />
<input type="checkbox" name="tag[]" value="electronic" />electronic<br />
<button type="submit">submit</button>
</form>
</body>
</html>
如果我遗失了某些内容,请告诉我。