THE FORM LAB

A form you can put to the test.

Try empty fields, an invalid email, or a complete submission. This demo only echoes your input; nothing is stored or sent.

Say hello

Try these scenarios.

1. Browser validation

Leave required fields empty and press “Submit demo.” Your browser should focus a field and show its validation message.

2. Server validation

Press “Test server validation” to bypass the browser checks. The server returns field errors while preserving your entries.

3. A successful submission

Enter a name, a valid email, select a role, and check the consent box. Submit to see a receipt.

4. Reset and keyboard controls

“Reset edits” restores the values present when the page loaded. Use a fresh test to clear a server response. Tab through controls and use Space to toggle consent.

5. Escaping and long content

Try angle brackets in your name or message. They should appear as text. A name longer than 80 characters should produce a server error.

Clear everything and start again