Html les 2.1 Forms

Post on 03-Jul-2015

267 views 0 download

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 info@gratisdance.nlverstuurd 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