Technology

image input

The HTML <input type="image"> element defines a graphical submit button that transmits both form data and the precise X/Y coordinates of the user's click.

Web developers use the <input type="image"> element to replace standard form submit buttons with custom graphics while capturing user interaction coordinates. When a user clicks the rendered image, the browser submits the form and appends the specific pixel coordinates of the click (formatted as name.x and name.y) to the query string or request body. This dual capability makes it highly effective for server-side image maps, interactive games, and custom graphical user interfaces. To ensure accessibility, developers must pair the element with a descriptive alt attribute (such as alt="Submit search") so screen readers can properly convey the button's action to users.