The Image Input Type

<Form	Action="some URL">
Name:	<Input	name	= "Name">
	<Input	type	= image
		alt	= "Submit :-)"
		src	=
		"http://Stars.com/Icons/smile.gif">
</Form>

When a pointing device, e.g. mouse, is used to click on the image, the form is submitted and the (x,y) location passed to the server. The x value is measured in pixels from the left of the image, and the y value in pixels from the top of the image. The submitted data includes name.x=x-value and name.y=y-value where "name" is the value of the name attribute, and x-value and y-value are the x and y coordinate values respectively.

It's unusual for the location of the click to be important, but if it is, then you might want to consider alternative approaches to allow easier access for those not using graphical browsers:

• Use multiple submit buttons (each with its own image) in place of a single graphical submit button.
• Use buttons in HTML 4 (not widely supported yet by browsers).
• Use a client-side image map together with scripting.