Home Ontwerp je site HTML Formulieren in HTML

Formulieren in HTML

Een formulier ('form') is bedoeld om bezoekers van een site de mogelijkheid te geven informatie door te geven aan de maker van een site.


Dit kan om allerhande informatie gaan :


  • een reactie op een stelling
  • het invullen van een bestelformulier
  • het maken van een quiz
  • het invullen van een vragenlijst
  • ...

De ingevulde gegevens worden meestal naar een e-mailadres gestuurd of opgeslagen in een database. Een script geschreven in PHP of CGI zorgt ervoor dat de gegevens op de plaats van bestemming aankomen.


Het enige, maar tevens ook behoorlijke nadeel is dat het script op de server geplaatst en uitgevoerd moet worden. De server moet in staat zijn om een dergelijk script te kunnen uitvoeren. De gratis webspace die je krijgt van je provider kan dit bijvoorbeeld meestal al niet.


Als je op zoek gaat naar (gratis) webspace op het net, moet je ervoor zorgen dat deze webspace PHP of CGI ondersteunt. Tegenwoordig wordt PHP wel veel meer gebruikt dan CGI (hetgeen in de scripttaal Perl geschreven is).


Er zijn twee manieren om dit probleem te omzeilen.


Ten eerste zijn er een aantal online diensten bij wie je gratis gebruik kunt maken van de scripts die zij aanbieden.


 Ten tweede, en dat is altijd mogelijk, kun je de door de bezoeker ingevulde gegevens ook met de opdracht 'mailto' naar jezelf laten sturen. Daarvoor heb je dus geen CGI-script nodig.


Het formulier beginnen : FORM

De hoofdtags voor formulieren zijn <form> en </form>. Deze tags kennen drie attributen waarvan we er twee bespreken die altijd moeten worden gebruikt.


Het eerste attribuut is method="", waarbij twee waarden kunnen worden ingevuld, te weten get en post. Het verschil tussen deze waarden is klein.


Als je get gebruikt, worden je ingevoerde gegevens omgevormd tot variabelen en in de adresbalk van je browser geplaatst, zodat een script deze vervolgens kan opvragen.


De lengte van variabelen in de adresbalk is echter beperkt tot 256 tekens.


De waarde post zorgt ervoor dat de informatie direct aan het CGI-script wordt doorgegeven. We raden je aan deze waarde te gebruiken, omdat je dan meer dan 256 tekens tegelijk kunt verzenden.


Het tweede attribuut van de tag <form> heet action="", waarbij tussen de aanhalingstekens een URL komt te staan die iets met het formulier doet en verwijst naar de server waar het CGI-script zich bevindt.


Maak je bijvoorbeeld gebruik van een script om je informatie te versturen dan zal je opdrachtregel er zo uitzien:


<form method="post" action="http://www.naamvandesite.nl/cgi-bin/gather_info" > </form>

Als je geen gebruik kunt maken van een script, maar de gegevens naar je eigen e-mailadres wilt sturen, dan komt de opdrachtregel er als volgt uit te zien:


<form method="post" action="mailto:webmaster@website.com"> </form>

Lees verder over Formulieren in het volgende deel over de verschillende Invoerelementen die mogelijk zijn.


4 + 2 =
 

GOOGLE adsense