A form people enjoy
Build a complete sign-up form for a trekking club: clear labels, the right input types, sensible validation and helpful autocomplete. Good forms feel effortless — on any device.
Error messages that help
Every form gets mistakes. What matters is how quickly people can fix them. Good error messages say what went wrong and how to fix it, in plain words, right next to the field — "Phone number should start with 98 and have 10 digits", not "Invalid input".
- Explain the expected format *before* people type — in the label or a short hint under it.
- Use title on fields with a pattern so the browser's message includes your hint.
- Never rely on colour alone to show an error; add text.
- After a failed submit, keep everything the visitor typed.
Think about the person on a cheap phone, on a bus, with one thumb. Large tap targets, the right keyboard for each field, autocomplete for name and email, and as few questions as possible — these turn a form people abandon into one they finish in thirty seconds. That's the bar for this project.