Leave That Thing Alone Blog

CSS tab navigation using submit buttons

Here is an example of CSS tabbed navigation where the tabs are created with submit buttons instead of anchor tags. This allows a form to be submitted each time a tab is clicked.
tab submit button navigation

I couldn't find a good example of submit buttons as tabs out there so I made one myself. It displays almost identically on browsers I have tested so far. If you come across something weird or have suggestions to improve the tabs please email me.

CSS submit button tab navigation example

Comments

richard johnson's Gravatar you could use images for the tabs with a javascript onclick="document.FORMNAME.submit()" value and that would clean up the problems with safari.
# Posted By richard johnson | 7/23/07 7:04 AM
Leonel's Gravatar Great info, thanks a lot for posting this!

Cheers from argentina
# Posted By Leonel | 1/26/09 3:46 PM