Can i use an image instead of the grey submit button

This is the code for a submit button on my site, i have an image called login.png that id like to use instead of the horrible grey submit button, Could someone please rewrite this code for me to use this image.

<input type="submit" name="login" id="login" value="Login">

Loads of answers if ya just google http://www.google.com/search?q=image+submit+button&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a.

Basic run down: change the type attribute to image and create an src attribute and set it to the image url.

firstly, dont ask someone to rewrite your code for you. you may annoy some people. instead ask for help or tips.

the above post is correct but you can also do it via css. in your css add:

input#login
{
border:0;
background:url(your_image_here) no-repeat top left;
}

You definitely should use CSS for this. Much cleaner and promotes good code.