Push buttons and default action
Normal, pressed, focused, disabled, and default action. The default outline is separate from keyboard focus.
Small working examples for the Windows 95 control families and common dialog patterns. Every example is a self-contained HTML file: copy it, open it locally, and adapt only the controls you need.
These are original browser implementations. Native Open, Save, Print and rich-text editing use browser adapters with explicit limits. They do not reproduce every Windows API or later common control.
38 examples
Preview
Open separatelyThe preview is its own page. Open it separately to test full keyboard and dialog behavior.
Basic controls
Toggle buttons
Off/on, pressed feedback, focus, and disabled on state.
Checkboxes and mixed state
Unchecked, checked, mixed aggregate, focused, disabled checked.
Radio-button groups
One selected option, focus, and disabled option. The legend labels the choice as a whole.
Text fields and validation
Editable, read-only (selectable), disabled, password, and invalid with a connected explanation.
Multiline text
Multiple lines, selection, scrolling, focus and resize.
Numeric field and spin control
Editable, increment/decrement, minimum/maximum and invalid typed values.
Drop-down selection
Closed/open, selected option, disabled option and disabled control.
Editable combo box
Free text, filtered suggestions, active suggestion distinct from committed value, empty results, closed popup.
Single-selection list box
Selected row, focus, scroll and disabled item. Selection does not activate the document.
Multiple-selection list box
Discontiguous selections, range selection and empty selection.
Group boxes and labels
Etched group, legend interrupting the border, labels, enabled and disabled groups.
Feedback and layout
Horizontal and vertical sliders
Horizontal/vertical, value, bounds, focus and disabled.
Progress bars
Determinate, indeterminate, complete and canceled.
Scrollbars and scrolling regions
Two axes, thumb, track, focus and resizable viewport.
Tooltips and status help
Delayed hover/focus hint, Escape dismissal, supplemental status text.
Resizable split panes
Bounded pane widths, pointer capture, keyboard focus and canceled drag.
Navigation and data
Tabs and tab panels
Selected tab, inactive tabs, focus, persistent values in hidden panels.
Toolbar buttons and groups
Commands, toggles, separator, disabled command and one Tab stop.
Tree view
Expanded/collapsed branches, visible focus and single selection; children retain their state when a parent closes.
List view and sortable columns
Details/icons, selected item, focus and ascending/descending sort; selection survives reordering.
Column header and resizing
Sort direction, bounded width, pointer resizing, focus and keyboard resizing.
Menu bar, submenus and recent files
Menu-bar mode, dropdown, delayed pointer submenu, disabled item, check mark, exclusive radio mark and numbered inline MRU group.
Context menus
Pointer and keyboard invocation, disabled command, bounded horizontal placement and focus restoration.
Windows and dialogs
Modal dialog and focus restoration
Closed/open modal, default action, validation, cancellation, inert background and restored focus.
Modeless Find dialog
Open without blocking the document, repeated search, wraparound, match-case and not found.
Property sheet with Apply and Cancel
Cross-page draft, Apply enabled only when changed, OK commit/close, Cancel rollback since last Apply, explicit caption Close decision.
Message box and safe default
Question, destructive action, safe initial focus/default and explicit outcome.
Wizard with validation and backtracking
First/middle/final step, required input, preserved draft while going Back, Finish commit and Cancel discard.
Window shell, system menu, move and size
Active caption, system menu, normal/minimized/maximized/restored bounds, close/reopen, move/size and cancellation.
Specialized controls
Palette, color well and color dialog
Swatches, RGB values, preview draft, committed well, validation and cancel rollback.
Font dialog with sample
Family, size, bold/italic, live draft sample, commit and cancel.
Hot-key input
Recorded chord, empty value, canceled capture and invalid chord.
Animation display
Static initial image, explicit play/stop and accessible description.
Host integrations
Open file through the browser
No selection, chosen file, successful read, preview limit and read failure. Canceling the host picker keeps the existing document.
Save file through the browser
Edited content/name and a real UTF-8 text download request.
Print through the browser
Screen/print layouts and print-dialog lifecycle.
Rich text editing boundary
Editable rich content, selection, multiline input, browser clipboard and undo.
MIT · Copyright (c) 2026 Stephen Lavelle. No network requests are needed to run the examples. Font and native-popup rendering follow your browser and system.