/ © Nehalennia 2008 /   

► NZ Informatica ► Formulieren


Werken met formulieren.
Wanneer je een interactieve webpagina wilt maken, dan moet je een formulier in je webpagina opnemen.
Een formulier dient om informatie in te voeren (bijvoorbeeld in een registratieformulier). De ingevoerde informatie moet worden verwerkt. De invoer moet ófwel worden doorgestuurd naar een webserver, ófwel worden verwerkt in een script op deze of op een andere pagina zelf.
Dit gebeurt na een klik op de verzendknop dan wel de bevestigingsknop.

Een formulier in je webpagina opnemen.
Als je in je webpagina een formulier opneemt, dan moet je de volgende stappen zetten:

  • Je maakt het formulier, en je geeft het formulier een naam.
  • Je bepaalt welke invoerelementen (tekstinvoerregel, aankruisvakje, aanklikrondje) in het formulier moeten komen, en geeft ook elk invoer-element een naam.
  • Je maakt een bevestigknop waaraan je een event handler toevoegt. (In ons geval meestal POST).

Formulier in de broncode.
In de broncode bestaat een formulier uit de tags <FORM> en </FORM>. Alles tussen de form-tags behoord tot het formulier. Geef het formulier een naam met name.

<BODY> <FORM name="naam"> ... </FORM> </BODY>

Formulieronderdelen in de broncode.
Alle formulieronderdelen (behalve keuzelijsten en tekstgebieden) bestaan in de broncode uit enkel de eenvoudige tag <INPUT>. Het type onderdeel wordt opgegeven met het attribuut type. Geef met het attribuut type het gewenste HTML-element op. 

<INPUT type="element">
De belangrijkste elementen van een formulier zijn:
  • button : bevestigingsknop
  • submit : verzendknop
  • reset : herstelknop
  • text : tekstinvoerregel
  • radio : aanklikrondje   ..meer en meer over enquêtes
  • checkbox : aankruisvakje   ..meer
  • uitschuiflijst

Invoer-elementen een naam geven.
Je moet alle invoer-elementen een naam geven met het attribuut name, zodat je in je JavaScript-programma naar de ingevoerde informatie in de elementen kunt verwijzen. 

<BODY> <FINPUT type="element" naam="naam">