Page 6
Forms & interaction laboratory
A contact form with many input types, plus tabs, an accordion, anchor links and interactive states.
F-01 · Anchor links
F-02 · Contact form (posts to /_forms/contact)
Send a test message
Required fields are marked with an asterisk. Validation uses native HTML constraints.
F-03 · JS tabs (ARIA)
Panel one is visible by default. Hidden panels are hidden via the hidden attribute.
Panel two text — can the editor reach hidden tab content?
Panel three text.
F-04 · JS accordion (button + region)
First answer, hidden until expanded.
Second answer.