SlideShare a Scribd company logo
Les 2.1 
Link naar stof: 
Forms 
HTML 
Module 2
Forms 
HTML 
Module 2 
2.1 Forms
HTML 
Module 2 
2.1 Forms 
Forms
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!
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
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.
HTML 
Module 2 
2.1 Forms 
Forms 
Gebruik van tables voor vormgeving 
van formulieren
HTML 
Module 2 
2.1 Forms 
Forms
HTML 
Module 2 
2.1 Forms 
Forms
HTML 
Module 2 
2.1 Forms 
Forms
HTML 
Module 2 
2.1 Forms 
Forms
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.
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[ ];)
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.
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
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

More Related Content

PPT
Patterns of Interest - ISWAR Seoul 2010
PPT
Kanban and Iterationless Working
PDF
New York Event: Drive superior business performance with social software
PPTX
Les 1.5 php
PPT
Putting GRAPHics into geoGRAPHy presentations
PPTX
Les 1 Javascript Intro
PPTX
Face of Scotland
DOC
Blooms Taxonomy
Patterns of Interest - ISWAR Seoul 2010
Kanban and Iterationless Working
New York Event: Drive superior business performance with social software
Les 1.5 php
Putting GRAPHics into geoGRAPHy presentations
Les 1 Javascript Intro
Face of Scotland
Blooms Taxonomy

Viewers also liked (19)

PDF
Cloud Computing's Green Credentials
PDF
2.2 bijspijkeren
PDF
Prez best tips recruiting for SME
KEY
Webinar: Ways to work blended
PPS
Neungaymaichangbaogioden
PPTX
Les 2.3 javascript
PDF
1.2 password beveiliging
PDF
Now here is everywhere
PDF
Leonard Turkel Nonprofit Network: Social Media & Building Attendee Consensus
PPTX
Les 2 Javascript
PDF
Social Media: Shared Experiences
PDF
7li7w devcon5
PPT
Principals' tour: Social networks, social learning
KEY
Functional ruby
PDF
Investment strategygroupweeklycalls 6-25-12 external
PDF
Technology is the new rnr and api's rule
PDF
How thousands of people collaborate on a global scale to create Firefox
PPTX
Les 2.2 javascript
PPT
How Responsive Do You Want Your Website?
Cloud Computing's Green Credentials
2.2 bijspijkeren
Prez best tips recruiting for SME
Webinar: Ways to work blended
Neungaymaichangbaogioden
Les 2.3 javascript
1.2 password beveiliging
Now here is everywhere
Leonard Turkel Nonprofit Network: Social Media & Building Attendee Consensus
Les 2 Javascript
Social Media: Shared Experiences
7li7w devcon5
Principals' tour: Social networks, social learning
Functional ruby
Investment strategygroupweeklycalls 6-25-12 external
Technology is the new rnr and api's rule
How thousands of people collaborate on a global scale to create Firefox
Les 2.2 javascript
How Responsive Do You Want Your Website?
Ad

Html les 2.1 Forms

  • 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