Creating Pretty Buttons

In the past, when you no longer wanted to look at the boring gray buttons for submitting your forms, your option was the input type image.

This typically looked something like

The problem with this solution is that you had to make a different buttons for every different word you wanted on the button such as "go", "save", "submit", or "search"

The other problem was that with an input type image, you could not use the enter button on your key board to submit the form. Then you needed to also add in things like get key strokes. Really this was a mess.

Now in the world of CSS, life is much better.

There are lots of tutorials to teach you about creating CSS buttons using divs, anchors, borders and backgrounds. The problem is here too, is these are basically pretty links, so that you can still not use the enter key on your keyboard to submit your forms.

For starters, you can us a normal button like

Now you can use CSS to change your button.

Now this is just an example of a CSS button, but most common CSS tags will work when applied to submit buttons.