Formulieren in HTML/CSS

formulieren maken

Met een formulier kan informatie worden ingevoerd en verzonden door een bezoeker van je website. Denk bijvoorbeeld aan de voor- en achternaam, het e-mailadres en adresgegevens. Formulieren worden gebruikt voor allerlei doeleinden, zoals het aanmelden voor een nieuwsbrief of forum, het plaatsen van een bestelling of als contactformulier. In deze les bekijken we hoe je een formulier kunt maken in HTML.

De <form> tag

Als je een formulier wilt opnemen in een pagina dan begin je met de <form> tag. Met deze tag vertel je de browser dat er een formulier volgt en geef je aan wat er met de gegevens in het formulier moet gebeuren. In de voorbeelden op deze pagina sturen we de ingevoerde gegevens naar een e-mailadres. Er zijn echter ook veel scripts waarmee je formulieren vaak een stuk beter kunt verwerken. Voor websites waar je zulke scripts kunt vinden, verwijs ik je naar de pagina met PHP scripts.

De begintag van een formulier is:

<form method="post" action="mailto:jouwemail@adres.nl">

In de code plaats je je eigen e-mailadres direct achter mailto: in de code, dus zonder een spatie ertussen. Met method="post" geven we de manier aan waarop de data moet worden verzonden. Als we klaar zijn met het maken van het formulier dan sluiten we altijd weer af met de eindtag </form>.

Colofon

Het arrangement Formulieren in HTML/CSS is gemaakt met Wikiwijs van Kennisnet. Wikiwijs is hét onderwijsplatform waar je leermiddelen zoekt, maakt en deelt.

Auteur: peter doornbosch Je moet eerst inloggen om feedback aan de auteur te kunnen geven.
Laatst gewijzigd: 2017-03-14 13:35:40
Licentie: Dit lesmateriaal is gepubliceerd onder de Creative Commons Naamsvermelding 3.0 Nederlands licentie. Dit houdt in dat je onder de voorwaarde van naamsvermelding vrij bent om:

het werk te delen - te kopiëren, te verspreiden en door te geven via elk medium of bestandsformaat

het werk te bewerken - te remixen, te veranderen en afgeleide werken te maken

voor alle doeleinden, inclusief commerciële doeleinden.

Meer informatie over de CC Naamsvermelding 3.0 Nederland licentie.

Aanvullende informatie over dit lesmateriaal

Van dit lesmateriaal is de volgende aanvullende informatie beschikbaar:

Eindgebruiker: leerling/student
Moeilijkheidsgraad: gemiddeld

Bronnen

Bron	Type
Maken van een kleine quiz http://blanken5.home.xs4all.nl/quizMaken/#slide-1	Link
Maken van een quiz https://blanken5.home.xs4all.nl/quizMaken.html	Link

Downloaden

Het volledige arrangement is in de onderstaande formaten te downloaden.

LTI

Leeromgevingen die gebruik maken van LTI kunnen Wikiwijs arrangementen en toetsen afspelen en resultaten terugkoppelen. Hiervoor moet de leeromgeving wel bij Wikiwijs aangemeld zijn. Wil je gebruik maken van de LTI koppeling? Meld je aan via info@wikiwijs.nl met het verzoek om een LTI koppeling aan te gaan.

Maak je al gebruik van LTI? Gebruik dan de onderstaande Launch URL’s.

Arrangement

IMSCC package

Wil je de Launch URL’s niet los kopiëren, maar in één keer downloaden? Download dan de IMSCC package.