Les 2.1 voor de 1e jaar's studenten Applicatie en Media van het ROC Leiden

1. Les 2.1
Link naar stof:
Forms
HTML
Module 2

2. Forms
HTML
Module 2
2.1 Forms

3. HTML
Module 2
2.1 Forms
Forms

4. HTML
Module 2
2.1 Forms
Forms
name-attribute
De name-attributewordt gebruikt om de data in
het input veld mee te nemen om te kunnen verwerken!

5. HTML
Module 2
2.1 Forms
Forms
value-attribute
De value-attributewordt gebruikt om alvast een
waarde in het input veld te plaatsen!
Let op als er niets ingevuld is wordt deze waarde
meegenomen om te verwerken

6. HTML
Module 2
2.1 Forms
Forms
placeholder-attribute
De placeholder-attributewordt gebruikt om een
hint te geven aan de persoon die het formulier invult.
Placeholderis geen value.

7. HTML
Module 2
2.1 Forms
Forms
Gebruik van tables voor vormgeving
van formulieren

8. HTML
Module 2
2.1 Forms
Forms

9. HTML
Module 2
2.1 Forms
Forms

10. HTML
Module 2
2.1 Forms
Forms

11. HTML
Module 2
2.1 Forms
Forms

12. HTML
Module 2
2.1 Forms
Forms
Om de data vanuit een formte kunnen verwerken.
Gebruiken we de method-attribute.
De 2 belangrijkste zijn GET en POST.
POST wordt het meest gebruikt.
Met de GET methode neem je de data mee in een string
van het webadres.

13. HTML
Module 2
2.1 Forms
Forms
Om de data vanuit een formte kunnen verwerken.
Gebruiken we de method-attribute.
De 2 belangrijkste zijn GET en POST.
POST wordt het meest gebruikt.
Met de POST methode neem je de data mee en kan je
het uitlezen d.m.v. o.a. phpcode.
Het staat in een POST. (v.b. phpcode $_POST[ ];)

14. HTML
Module 2
2.1 Forms
Forms
Formulier verzenden d.m.v. mail programma op het devicevan
de invuller van het formulier
Bovenstaand stukje script opent het mailprogramma
en verstuurd de inhoud van het formulier naar opgegeven
adres.

15. Opdracht
HTML
Module 2
2.1 Forms
Maak een formulier voor het aanvragen van gratis kaarten
voor een Danceeventmet de volgende inhoud:
Voornaam, Achternaam, Leeftijd, Woonplaats, Telefoonnummer, Email
Nieuwsbrief ontvangen Ja of Nee. FacebookJa of Nee.
Het formulier moet d.m.v. een mailtje naar info@gratisdance.nl
verstuurd worden.
Maak van het geheel een RAR-fileen uploaddeze naar de
Juiste map in natschool

16. Huiswerk
Bekijk alle behandelde stof en werk de opdracht verder
uit. Maak van het geheel een rarfile en uploaddeze
naar Natschool in de map 2.1 Formsdoe dit binnen
4 schooldagen.
HTML
Module 2
2.1 Forms