@H_404_1@单击svg图像时是否有任何方式进行POST请求?
到目前为止,我最好的尝试是:
<form action="/test-button" method="POST"> <input name="Submit" type="submit" value="Submit" /> <svg > <rect width="100" height="100" > </svg> </form>
哪个是一个黑色矩形,旁边有一个提交按钮.
我想允许人们在几个图像之间进行选择,所以这可能是一个好的解决方案,但是是否有任何方式制作一个图像,点击后,将触发一个POST?
额外的点不使用javascript.
解决方法
警告:这有点黑客,但据我所知,这是100%的合法性,不需要javascript.
由于标签元素也可以用于控制它的相关输入,您可以尝试这样:
<form action="/test-button" method="POST"> <label> <input type="submit" name="image" value="one"> <svg><rect width="100" height="100"></rect></svg> </label> <label> <input type="submit" name="image" value="two"> <svg><rect width="100" height="100"></rect></svg> </label> </form>
然后用CSS隐藏提交按钮.你可以把任何东西放在你想要的标签中.
当您点击标签中的任何内容时,它将触发其中的提交按钮,并将该表单提交到POST数组中.
还有一个< input type =“image”>,但这是一个完全不同的目的(跟踪被点击的位置的坐标).