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 een knop voor 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 Freedback.com. Je kunt hiervan gratis gebruik maken, maar moet dan wel reclame op zowel responspagina als in het e-mailbericht accepteren.

De namen van de eerste drie controls ("to", "subject" en "from") en het een na laatste control ("cc") in het voorbeeld zijn gekoppeld aan het cgi-script. Een beschrijving ervan staat op de site van Freedback.com. Je vindt waarden 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" TARGET="_blank"
ACTION="http://cgi18.Freedback.com/mail.pl">

<INPUT TYPE="hidden" NAME="to" VALUE="form@handleidinghtml.nl">

<INPUT TYPE="hidden" NAME="subject"
VALUE="Voorbeeldformulier Handleiding HTML">

<INPUT TYPE="hidden" NAME="required_fields" VALUE="name, from">

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

<INPUT NAME="from" 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="3" COLS="45">
</TEXTAREA>

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

<INPUT TYPE="reset" VALUE="Beginwaarden"> &nbsp;
<INPUT TYPE="submit" VALUE="Verzenden gegevens">
</FORM>

Het formulier ziet er als volgt uit:

Voorbeeld vragenformulier

Terug naar Formulieren