Custom SUBMIT Button

You don't necessarily have to stick with the plain, ugly and boring standard HTML buttons. You can design a submit button in your favorite image editor and place it on your pages. Use input type="image" rather than type="submit" and place the relative or absolute URL to the image in the src property. The image can, of course, be stylized with CSS.

HTML Example:

Search with Google:

Result:

Search with Google:

As a side note, you should remember that this functionality isn't entirely supported by Safari. If you need Safari support, place a normal image and add an onClick() function to submit the form. Use browser detection code to display either one or the other.

Share

Learn how to design amazing websites