Using an image for a submit button

It’s pretty easy, you just have to use type="image" in your <input /> tag:

<input type="image" src="http://i.bnet.com/images/200806/btn-submit-CAST-182x24.gif" />

This entry was written by Andrew Mager, posted on September 7, 2008 at 2:08 pm, filed under HTML and tagged . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

2 Comments

  1. Mark
    Posted September 18, 2008 at 1:30 am | Permalink

    Hi Guys - great stuff. I would normally use a class and a background image so that I could also have a rollover state though. Have you guys had any thoughts on using overflow:auto to clear floating elements? Seems to work fine with lists for me but in IE6 (of course) it creates scrollbars….

  2. Carlos @ VPSmedia
    Posted October 24, 2008 at 1:32 pm | Permalink

    IS there any way to use this technique but to make it so the image chances once you click it? Sort of to give it the button effect?

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*
vpn service