Native HTML Form Elements

A static reference page for testing and consulting native HTML form element behaviour. Every element is shown in all its meaningful states — default, pre-filled, required, read-only, and disabled — so developers can experience the native behaviour using assistive technology and keyboard navigation.

Stack: HTML5, CSS custom properties, minimal JavaScript — no frameworks, no build tools.

Design tiers

• Default — bare browser rendering, no CSS applied to form elements
• Streamline typography — consistent font and font size applied to all form elements
• Minimal Design — highlight colour, custom focus styles, padding and border-radius on form elements

Colour modes

Light, dark, and forced-colours (high contrast) modes are supported. Colour contrast meets WCAG AAA (7:1) in all modes.