What is the potential issue with using <input type="image"> in PHP forms, specifically with Internet Explorer?

The potential issue with using <input type="image"> in PHP forms, specifically with Internet Explorer, is that the coordinates of the clicked area may not be sent correctly in the form submission. To solve this issue, you can use a hidden input field to store the coordinates of the clicked area and then retrieve them in the PHP script. 

&lt;form method=&quot;post&quot; action=&quot;submit.php&quot;&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;x_coord&quot; id=&quot;x_coord&quot;&gt;
    &lt;input type=&quot;hidden&quot; name=&quot;y_coord&quot; id=&quot;y_coord&quot;&gt;
    &lt;input type=&quot;image&quot; src=&quot;image.png&quot; onclick=&quot;setCoords(event)&quot;&gt;
&lt;/form&gt;

&lt;script&gt;
    function setCoords(event) {
        document.getElementById(&#039;x_coord&#039;).value = event.offsetX;
        document.getElementById(&#039;y_coord&#039;).value = event.offsetY;
    }
&lt;/script&gt;

Keywords

input type image PHP forms Internet Explorer compatibility rendering bug

Related Questions