Op deze pagina ...

Formulieren voor E-Mail Op veel commerciele webpagina's vind je ze: Formulieren, of te wel Forms zoals ze in HTML genoemd worden. Het maken van een dergelijk formulier is niet noemens waardig moeilijk, maar zou het niet handig zijn als je de ingevulde gegevens van zo een formulier per e-mail zou kunnen ontvangen ? Dat heeft dan als voordeel dat je aan de server kant (daar waar de webpagina's werkelijk staan) geen scripts nodig hebt om de gegevens te verwerken. Vaak wordt dat gedaan met PHP, ASP, etc. Voor de beginner vaak te moeilijk, maar niet alleen dat,... veel providers ondersteunen dit, vreemd genoeg, niet.

Laten we beginnen met een formulier

Laten we een voorbeeld uitwerken waarbij we gegevens van een te bestellen PC verzamelen. Om het eenvoudig te houden beperken we ons tot de selectie van een processor, maar dat kan natuurlijk uitgebreid worden met allerlei extra's zoals geheugen, harddisk, kasttype, etc.

Ieder formulier begint dan met:

<FORM METHOD="post" ENCTYPE="text/plain" ACTION="mailto:email@ergens.nl?subject=onderwerp">

In deze regel vertellen we, in HTML, dat we beginnen met een formulier (FORM) van het type (ENCTYPE = EncoderingsType) "text/plain" zodat wij mensen het resultaat ook begrijpen.

De bijbehorende actie (ACTION) is het resultaat per e-mail versturen (MAILTO) naar email@ergens.nl met als onderwerp (SUBJECT) "onderwerp".

Voor de werking van de gebruikte e-mail tag kun je meer uitleg vinden op de E-Mail link pagina.

Keuze opties

Nu gaan we aangeven wat de velden zijn die we ingevuld willen zien, bijvoorbeeld het type processor, dit doen we in dit voorbeeld met een zogenaamde dropdown box:

<SELECT NAME="CPU">
<OPTION> 386 </OPTION>
<OPTION> 486 </OPTION>
<OPTION> Intel Pentium </OPTION>
<OPTION> Intel Pentium II </OPTION>
<OPTION> Intel Pentium Celeron </OPTION>
<OPTION> Intel Pentium III </OPTION>
<OPTION> AMD K6 </OPTION>
<OPTION> AMD K6 II </OPTION>
<OPTION> AMD Athlon </OPTION>
<OPTION> AMD Duron </OPTION>
</SELECT>

We vertellen, in HTML, dat we hier een selectie (SELECT) willen kunnen maken uit een stel voor gedefinieerde waarden. Iedere waarde begint met <OPTION> en eindigd met </OPTION>. De ingevulde waarde willen we terug vinden achter de naam "CPU".
De complete selectie wordt afgerond met </SELECT>.

Je kunt nu nog meer velden toevoegen, maar in dit voorbeeld beperken we ons tot 1 waarde.

Submit = Verzenden

Nadat we alle gewenste velden hebben ingevoerd, dienen we nog een "verzend" knopje toe te voegen.

Dit doen we met de volgende HTML-code:

<input type="submit" name="" value="Verstuur gegevens">

Het formulier wordt nu afgerond door aan te geven dat we aan het einde zijn met een </FORM> tag.

Hier zien we deze code in actie:

De verzonden e-mail zal de volgende informatie bevatten als we bijvoorbeeld kiezen voor een "Intel Pentium Celeron":

CPU=Intel Pentium Celeron