Skip to content
Novus Examples

Disabled and readonly states

The same six controls in four states. A disabled control refuses events and is skipped by Tab; a readonly one accepts focus and is submitted; an aria-disabled one looks disabled and behaves normally. SAMPLE values only, nothing is submitted.

Enabled

The control group. Focusable, editable, and submitted.

Read-only

Focusable and submitted, but the value cannot be changed. Select and button have no readonly state.

Disabled

Skipped by Tab, refuses events, and excluded from the submitted data entirely.

aria-disabled only

Announced as disabled but still focusable, still clickable, and still submitted. The mismatch is the point.

This form has no endpoint and no submit control. It exists to be inspected, not to be sent.