Tabpanel Example 1

Happy Time Pizza On-line Ordering System

Select Crust

Select Vegetables

Select Carnivore Options

Select Delivery Method

Keyboard Shortcuts

The following keyboard shortcuts are implemented for this example (based on recommended shortcuts specified by the DHTML Style Guide Working Group.):

If focus is on a tab button:

If focus is on an element in a tab panel:

NOTE: Google Chrome does not propagate Control+ Page Up or Control+ Page Down to the web page when multiple tabs are open. This key combination will not function correctly in that case.

ARIA Roles and Properties

HTML Source Code

Show HTML Source Code:

Javascript Source Code

Show Javascript Source Code: tabpanel1.js

CSS Source Code

Show CSS Source Code: tabpanel1.css

W3C Validation of HTML5