Can I make an svg image button?

Question

Is there any way of making a POST request when an svg image is clicked?

My best attempt so far looks like:

Answer 1

Warning: This is a little hacky, but as far as I know it's 100% legit, and doesn't need javascript.

Since the label element can also be used to control it's associated input, you could try something like this:

  
   
    
  
  
   
    
  

 ​

Then hide the submit buttons with CSS. You can put anything in the label that you want.

When you click on whatever's in the label, it will trigger the submit button inside it and submit the form, with the button's value in the POST array.

There is also an , but that's for an entirely different purpose (tracking coordinates of where it was clicked).