Week 6 — Formulieren & validatie

Wat laat dit voorbeeld zien? Een formulier met verschillende input-types, labels die correct gekoppeld zijn via for/id, en basisvalidatie met required, pattern en min/max. Probeer maar te versturen zonder de verplichte velden in te vullen!

Voorbeeld: drakenverhuur — reserveringsformulier

Waarom werkt dit goed?

Elk <label> heeft een for dat overeenkomt met het id van het bijbehorende veld — klik maar eens op een label.
Het juiste type per veld (email, number, date) geeft automatisch passende validatie en op mobiel het juiste toetsenbord.
required maakt een veld verplicht; pattern dwingt een specifiek format af (hier: een postcode).