Multimedia
Les 7 en 8

Formulieren

Doelstelling

1. Op onze website voegen we een pagina toe met een invulformulier waarmee de gebruiker zijn persoonlijke gegevens kan doorsturen. De naam van de pagina is register.html
2. Je leert hoe je een invoerformulier maakt met html elementen. We zorgen ervoor dat het formulier
   1. opgebouwd is met de sematisch juiste elementen;
   2. de invoer zoveel mogelijk gecontroleerd wordt door aangepaste html elementen en attributen te gebruiken;

Stappenplan

1. Wat is een formulier?
2. Het form element
3. Het label element
4. Het input element
5. De submit knop
6. Tekstvakken
7. Wachtwoorden
8. Keuzerondjes
9. Selectievakken
10. Keuzelijsten
11. Tekstgebied
12. Elementen groeperen
13. Datum- en tijdinvoer
14. E-mailinvoer
15. Getallen invoeren
16. Range

Opdracht

De opdracht vind je op Opdracht form.

Tip

Pas de kennis, die je hebt opgedaan van CSS voor het maken van de tabel, toe op het formulier.

Stuur een zipbestand met daarin het html- en css-bstand door met onderstaande link. In commentaar plaats je de link naar je Cloud9 workspace bovenaan de html pagina.