Html les 2.1 Forms
16
Click here to load reader
-
Upload
mvanginkel -
Category
Education
-
view
267 -
download
0
description
Les 2.1 voor de 1e jaar's studenten Applicatie en Media van het ROC Leiden
Transcript of Html les 2.1 Forms
Les 2.1
Link naar stof:
Forms
HTMLModule 2
FormsHTMLModule 22.1 Forms
HTMLModule 22.1 Forms
Forms
HTMLModule 22.1 Forms
Forms
name-attribute
De name-attribute wordt gebruikt om de data in het input veld mee te nemen om te kunnen verwerken!
HTMLModule 22.1 Forms
Forms
value-attribute
De value-attribute wordt gebruikt om alvast een waarde in het input veld te plaatsen! Let op als er niets ingevuld is wordt deze waardemeegenomen om te verwerken
HTMLModule 22.1 Forms
Forms
placeholder-attribute
De placeholder-attribute wordt gebruikt om eenhint te geven aan de persoon die het formulier invult.Placeholder is geen value.
HTMLModule 22.1 Forms
FormsGebruik van tables voor vormgevingvan formulieren
HTMLModule 22.1 Forms
Forms
HTMLModule 22.1 Forms
Forms
HTMLModule 22.1 Forms
Forms
HTMLModule 22.1 Forms
Forms
HTMLModule 22.1 Forms
Forms
Om de data vanuit een form te 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 stringvan het webadres.
HTMLModule 22.1 Forms
Forms
Om de data vanuit een form te 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. php code.Het staat in een POST. (v.b. php code $_POST[ ];)
HTMLModule 22.1 Forms
Forms
Formulier verzenden d.m.v. mail programma op het device van de invuller van het formulier
Bovenstaand stukje script opent het mailprogramma en verstuurd de inhoud van het formulier naar opgegevenadres.
OpdrachtHTMLModule 22.1 Forms
Maak een formulier voor het aanvragen van gratis kaartenvoor een Dance event met de volgende inhoud:Voornaam, Achternaam, Leeftijd, Woonplaats, Telefoonnummer, EmailNieuwsbrief ontvangen Ja of Nee. Facebook Ja of Nee.
Het formulier moet d.m.v. een mailtje naar [email protected] worden.
Maak van het geheel een RAR-file en upload deze naar de Juiste map in natschool
HuiswerkBekijk alle behandelde stof en werk de opdracht verderuit. Maak van het geheel een rar file en upload deze naar Natschool in de map 2.1 Forms doe dit binnen 4 schooldagen.
HTMLModule 22.1 Forms
