<FORM>

De <FORM> Tag is een invulformulier waarmee het mogelijk wordt om gegevens interactief af te handelen. De <FORM> wordt vaak gebruikt in combinatie met een CGI script. Voorbeelden van gebruik zijn de zogenaamde gastboeken, bestelformulieren etc. Een voorbeeld van een dergelijk formulier vind je o.a. bij het prikbord van Den Bosch Online.

De ACTION opdracht is de URL van het script welke de gegevens die zijn ingevoerd afhandeld. Vaak zal dit de plaats van het CGI-script zijn.

In een Form, de ACTIONgeeft aan "wat" en de METHOD geeft aan "hoe" iets moet gebeuren. De METHOD opdracht kan zijn POST of GET . Wanneer u get of post moet gebruiken is lastig zonder kennis van CGI-scripts. Meestal moet u de METHOD="POST" gebruiken als u data naar een script laat sturen.

Het volgende deel is INPUT, een veld dat door een gebruiker van uw pagina kan worden ingevuld, maar ook vooraf door uzelf. Dit ziet er als volgt uit:

<input type="hidden" name="nexturl" value="http:/www.stelling.nl/denbosch/bedankt.htm">
<input type="hidden" name="onderwerp" value="HTML Site Guestbook">
<input type="hidden" name="to" value="denbosch@stelling.nl">

De TYPE=HIDDEN wordt door het formelier doorgegeven met de opdracht ACTION, zonder op het formulier zelf zichtbaar te zijn. De NAME wordt door het script gebruikt om te bepalen "wat ermee te doen".

Wat is uw naam: <input type="text" size="33" maxlength="256" name="name">

De TEXT is een enkele tekstregel welke kan worden ingevuld.used for a single line text fields. This is used with SIZE,de zichtbare breedte in aantal karakters, MAXLENGTH, het aantal mogelijke karakters dat kan worden ingevoerd, and NAME, wordt gebruikt door het script om de ingevoerde tekst te kunnen identificeren.

Wat is het adres van uw homepage:<input type="text" size="33" maxlength="256" name="url" value="http:/">

Geljk aan het ivultekstveld als gebruikt bij de "Wat is uw naam" Voorbeeld, maar met een vooraf ingevulde waarde achter de code value.

<select name="gevonden_door" size="1">
<option value="zoekmachine">zoekmachine</option>
<option value="icq">een tip van kennis via ICQ</option>
<option value="linkpagina">een link op andere pagina</option>

De <OPTION> command is een pull-down list met verschillende keuzes. De SELECT NAME command is het deel van het formulier wat aan het script verteld welk veld wordt ingevuld..

andere veelgebruikte mogelijkheden:

Checkboxes, waarin meerdere keuzes tegelijk kunnen worden aangeklikt:

<input type=checkbox name="WWW" value="WWW">WWW<br>
<input type=checkbox name="FTP" value="FTP">FTP<br>
<input type=checkbox name="Usenet" value="Usenet">Usenet<br>
<input type=checkbox name="IRC" value="IRC">IRC<br>
<input type=checkbox name="Telnet" value="Telnet">Telnet

Radio-Buttons, waarbij slechts één keuze mogelijk is:

<input type=radio name="WWW" value="WWW">WWW<br>
<input type=radio name="FTP" value="FTP">FTP<br>
<input type=radio name="Usenet" value="Usenet">Usenet<br>
<input type=radio name="IRC" value="IRC">IRC<br>
<input type=radio name="Telnet" value="Telnet">Telnet

<textarea name="Comments" rows=3 cols=50></textarea>

Het formulier wordt afgesloten met de SUBMIT Button, en eventueel deRESET button gevolgd door de sluittag van het formulier </FORM>.

<input type=submit name="verstuur" value="verstuur dit formulier">
<input type=reset name="Reset" value="annuleer">
</form>

Naar naar de hoofdindex