Instead of the gray submit button you may like to use an image. There are two ways to use an image instead of the button.
Method 1 : Use Image input type
Standard HTML provides an input type 'image'. You can use image input type to create a submit button.
See the code below:
[code]<form name="myform" action="handle-data.pl">
Search: <input type='text' name='query'>
<input type="image" src="go.gif">
</form>
[/code]
JavaScript form submit example 3
Method 2 : Use JavaScript Form Submit
Just like in the example above, use JavaScript form submit() function to submit the form. The sample code below shows the same:
[code]
<form name="myform" action="handle-data.php">
Search: <input type='text' name='query'>
<A href="javascript: submitform()"
><img src="go.gif" width="33" height="19" border="0"
></A>
</form>
<SCRIPT language="JavaScript1.2">
function submitform()
{
if(document.myform.onsubmit())
{
document.myform.submit();
}
}
</SCRIPT> [/code]