Creating an Image Submit Button

Creating an Image Submit Button


You want to create a custom Submit button with an image file, such as the one in Figure.


Use the input element with the type attribute set to image:

<input type="image" name="submit" src="submit.gif" /> 

The magnifying glass icon acts a Submit button


Although inserting an image as a Submit button utilizes HTML, once it's placed in a web page, the Submit button image can be modified through CSS properties like border and margin.

See Also

The HTML specification for the input element at

 Python   SQL   Java   php   Perl 
 game development   web development   internet   *nix   graphics   hardware 
 telecommunications   C++ 
 Flash   Active Directory   Windows