Handleiding HTML - Voorbeeld Formulieren

Voorbeeld vragenformulier

Dit is een voorbeeld van een vragenformulier, waarin de volgende controls zijn opgenomen: gewone en verborgen tekstvelden, keuzerondjes, aankruisvakjes, een tekstvak en knoppen voor het herstellen van de beginwaarden en verzenden.
Het formulier maakt gebruik van een CGI-script, dat er voor zorgt dat de ingevulde gegevens via e-mail naar een bepaalde bestemming worden gestuurd. In dit geval gaat het om een CGI-script van FormMailer, dat een groot aantal mogelijkheden voor configuratie heeft en waarvan je gratis gebruik kunt maken.

De namen van de eerste tien controls in het voorbeeld ("recipient", "formmailerid", "subject", "usercopy", "required", "redirect", "sort", "env_report", "realname" en "email") zijn gekoppeld aan het cgi-script. Een beschrijving ervan staat op de site van FormMailer. Sommige waarden vind je terug in de corresponderende velden in de header van het e-mailbericht.
De rest van het formulier kan zelf ontworpen worden.

Om de omvang wat te beperken is in de code van dit voorbeeld de tekst tussen de onderdelen en alle overige HTML-code weggelaten.

<FORM METHOD="post"
ACTION="http://www.formmailer-scripts.net/cgi-bin/nlmailer.cgi">
<INPUT TYPE="hidden" NAME="recipient" VALUE="html@dsdelft.nl">
<INPUT TYPE="hidden" NAME="subject" VALUE="Reactie Handleiding HTML">
<INPUT TYPE="hidden" NAME="usercopy" VALUE="yes">
<INPUT TYPE="hidden" NAME="required" VALUE="email">
<INPUT TYPE="hidden" NAME="redirect"
VALUE="http://www.dsdelft.nl/html/div-vb/form7a.htm">
<INPUT TYPE="hidden" NAME="sort"
VALUE="order:Inhoud,Presentatie,Betrokken,Opmerkingen">
<INPUT TYPE="hidden" NAME="env_report" VALUE="HTTP_USER_AGENT">

<INPUT NAME="realname" SIZE="45">

<INPUT NAME="email" SIZE="45">

<INPUT TYPE="radio" NAME="Inhoud" VALUE="goed" CHECKED> goed
<INPUT TYPE="radio" NAME="Inhoud" VALUE="redelijk"> redelijk
<INPUT TYPE="radio" NAME="Inhoud" VALUE="matig"> matig
<INPUT TYPE="radio" NAME="Inhoud" VALUE="slecht"> slecht

<INPUT TYPE="radio" NAME="Presentatie" VALUE="goed" CHECKED> goed
<INPUT TYPE="radio" NAME="Presentatie" VALUE="redelijk"> redelijk
<INPUT TYPE="radio" NAME="Presentatie" VALUE="matig"> matig
<INPUT TYPE="radio" NAME="Presentatie" VALUE="slecht"> slecht

<INPUT TYPE="checkbox" NAME="Betrokken" VALUE="prive"> privé
<INPUT TYPE="checkbox" NAME="Betrokken" VALUE="beroepsmatig"> beroepsmatig

<TEXTAREA NAME="Opmerkingen" ROWS="4" COLS="45">
</TEXTAREA>

<INPUT TYPE="reset" VALUE="Herstellen beginwaarden">
<INPUT TYPE="submit" VALUE="Verzenden gegevens"> 
</FORM>

Het formulier ziet er als volgt uit:

Voorbeeld vragenformulier

Terug naar Formulieren