Jakob Lierman Webapplicaties I
Hoofdstuk 7
Formulieren
Hiermee kan men gegevens van de gebruiker verzamelen. Deze gegeven kunnen gebruikt worden om
je aan te melden, online een bestelling te maken, te zoeken, te chatten, etc.
Overzicht meest gebruikte form controls: http://diveintohtml5.info/forms.html
Mogelijkheden binnen een formulier (form controls):
1. Tekst ingeven
o Namen – adres – e-mail: single-line
o Password: karakters worden niet getoond, maar vervangen door een sterretje
o Textarea: meerdere lijnen tekst kunnen ingegeven worden
2. Keuzes
o Radiobuttons: één keuze maken
o Checkboxes: geen of meerdere keuzes mogelijk
o Keuzelijsten (drop down list): één of meerdere keuzes maken uit een lijst
3. Inhoud van formulieren verzenden met
o Submit button
o Image button
4. Bestanden uploaden
Werking van formulieren
5. Door op een knop te klikken (submit) worden de gegevens als name/value pairs naar de
server verstuurd (kan op 2 manieren)
6. Een applicatie op de server behandelt de doorgestuurde gegevens en stuurt eventueel een
antwoord, onder de vorm van een webpagina terug
1
Hoofdstuk 7
Formulieren
Hiermee kan men gegevens van de gebruiker verzamelen. Deze gegeven kunnen gebruikt worden om
je aan te melden, online een bestelling te maken, te zoeken, te chatten, etc.
Overzicht meest gebruikte form controls: http://diveintohtml5.info/forms.html
Mogelijkheden binnen een formulier (form controls):
1. Tekst ingeven
o Namen – adres – e-mail: single-line
o Password: karakters worden niet getoond, maar vervangen door een sterretje
o Textarea: meerdere lijnen tekst kunnen ingegeven worden
2. Keuzes
o Radiobuttons: één keuze maken
o Checkboxes: geen of meerdere keuzes mogelijk
o Keuzelijsten (drop down list): één of meerdere keuzes maken uit een lijst
3. Inhoud van formulieren verzenden met
o Submit button
o Image button
4. Bestanden uploaden
Werking van formulieren
5. Door op een knop te klikken (submit) worden de gegevens als name/value pairs naar de
server verstuurd (kan op 2 manieren)
6. Een applicatie op de server behandelt de doorgestuurde gegevens en stuurt eventueel een
antwoord, onder de vorm van een webpagina terug
1
