Text & chatPlan

Build a form with accessible validation

Implement forms with accessible validation and state handling.

What to provide

Form
React stack

Make it yours

Fill in what you know. Empty fields stay as placeholders.

Form

Supply form for this task.

React stack

Supply React stack for this task.

Optional instructions

Plain languageSource onlyShow uncertainty

Your prompt

Build [form] using [React stack]. Define fields, typed values, client and server validation, submission states and error recovery. Preserve entered values appropriately and include keyboard and screen-reader considerations.

2 inputs to replace

How to use this prompt

Provide field rules, server errors and expected submission behaviour.

What to check in the result

Preserve entered values appropriately and verify keyboard and screen-reader recovery.

Technology, explained

Ideas into practice

Build a form with accessible validation

What to provide

How to use this prompt

What to check in the result