Nora Tol Virtual Publishing
Postbus 23
8200 AA Lelystad
T: 06 - 27 54 54 55
E: info@virtualpublishing.nl
ma - vrij, 10:00 - 17:00 uur
Home // Blog // Virtual wie?! // Clientenlijst // Algemene Voorwaarden
Welke webambitie heeft u?
Introductie
Stap 1 - beginnen
Stap 2 - head
Stap 3 - body
Stap 4 - tekst
Stap 5 - accentueren
Stap 6 - fonts
Stap 7 - kleuren
Stap 8 - headlines
Stap 9 - scheidingslijnen
Stap 10 - centreren
Stap 11 - lijsten
Stap 12 - foto's
Stap 13 - links
Stap 14 - formulieren
Stap 15 - tabellen
Stap 16 - frames
Stap 17 - uploaden
Stap 18 - promotie
Stap 19 - meta tags

Wat is CSS?

Wat is de W3C standaard?

Links

English version



 En u bent...?

> Klant
op zoek naar online support

> Geinteresseerde
op zoek naar informatie

> Partner
op zoek naar samenwerking

> Recruiter
op zoek naar talent

> Looking for the English version?

Stap 14a - formulieren:

Bij de vorige stap hebben we een e-maillink gebruikt om het standaard e-mailprogramma op te roepen van de bezoeker van onze site, maar je kunt ook een e-mail versturen via een online formulier.

Formulieren worden op het Internet gebruikt voor verschillende doeleinden.
De meest bekende toepassing is het e-mailformulier. Een e-mailformulier bestaat uit twee delen. Het gedeelte waar informatie ingevoerd wordt, maken we met HTML. Het gedeelte waarmee de ingevulde informatie verstuurd wordt gebeurt via scripting talen. De kans is heel groot dat jouw provider een script ter beschikking heeft. Vaak wordt hier FormMail voor gebruikt. Dit kan een CGI, PHP of ASP script zijn. Het loont om even de helpdesk te bellen of hun website af te speuren naar informatie hierover en instructies over hoe je hier gebruik van kunt maken.
In puur HTML kun je gebruik gaan maken van de "mailto:"-term om te proberen de informatie te versturen. Dit maakt in principe gebruik van het e-mailprogramma dat geinstalleerd staat op de computer van de bezoeker. Het kan voorkomen dat, na het aanklikken van de verzendknop, alsnog het e-mailprogramma wordt geopend. De reeds ingevulde informatie van het formulier kan hierdoor compleet verloren raken. De bezoeker dient dan nogmaals het bericht te typen.
Vandaar dat dit niet aan te raden is.

Om je het toch te kunnen leren, gebruiken we het toch. We maken voor het formulier een nieuwe HTML file aan en noemen deze gemakshalve formulier.html

<HTML>
<HEAD><TITLE>emailform</TITLE></HEAD>

<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">

<FONT FACE="Verdana" SIZE=2>

<CENTER>
<IMG SRC="images/logo.gif" WIDTH=400 HEIGHT=161 ALT="logo">
<H2>Stuur een e-mail</H2>
</CENTER>



<FORM ACTION="mailto:info@noratol.nl" METHOD="post" ENCTYPE="text/plain">
Mijn naam is: <BR>
<INPUT TYPE="text" NAME="naam" SIZE=30>
<P>
Ik ben:<BR>
<INPUT TYPE="radio" NAME="geslacht" VALUE="man"> man<BR>
<INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> vrouw
<P>
Mijn e-mailadres is:<BR>
<INPUT TYPE="text" NAME="email" SIZE=30>
<P>
Ik geef deze site een rapportcijfer van:<BR>
<SELECT NAME="rapportcijfer">
<OPTION VALUE="10">10
<OPTION VALUE="voldoende">voldoende
<OPTION VALUE= "onvoldoende">onvoldoende
</SELECT>
<P>
Mijn reactie:<BR>
<TEXTAREA COLS=10 ROWS=10 NAME="reactie" WRAP=VIRTUAL>
</TEXTAREA>
<P>
<INPUT TYPE="submit" VALUE=" verzenden ">
<INPUT TYPE="reset" VALUE=" reset ">
</FORM>

</BODY>
</HTML>

Stap 14b - Openen van een formulier:
In het bovenstaande formulier hebben we gebruik gemaakt van verschillende onderdelen dat een formulier kan bevatten: kleine en een grote invulvelden, een dropdown menu, checkboxes en buttons. Om het formulier te openen maak je gebruik van de FORM-tag. Alles wat tussen <FORM> en </FORM> staat zal herkend worden als onderdeel van het formulier.

Aan de FORM-tag kun je een actie (ACTION) en een methode (METHOD) geven. Deze mogelijkheden heb je nodig om het formulier in combinatie met scripts (bijvoorbeeld eerdergenoemde CGI) geheel via de server te laten lopen. In de pure HTML versie gebruik je bij ACTION de "mailto:" term die ik bij