Creating an Image Submit Button






Creating an Image Submit Button

Problem

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

Solution

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


Discussion

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 http://www.w3.org/TR/html4/interact/forms.html#h-17.4.



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