naar onze homepage
 HTML
Home
 Forms:

Verborgen velden.

Je kunt in de source van formulieren, velden definieren die de bezoeker op zijn browserscherm niet te zien krijgt. Net zoals in normale velden kunnen deze verborgen velden met data gevuld zijn. Bij het versturen van het formulier worden deze data dan mee verstuurd. Op deze manier kun je bijvoorbeeld extra informatie aan het CGI programma versturen of verklarende tekst invoegen die bij het versturen van het e-mail formulier bijgevoegd wordt.

Ook voor JavaScript toepassingen is deze mogelijkheid interessant. Omdat een JavaScript formuliervelden kan lezen en de data erin kan veranderen is het op deze manier mogelijk interne data op te slaan die niet op het beeldscherm getoond worden maar wel door een JavaScript benodigd worden. In verbinding met frames kunnen JavaScripts zelfs data in verborgen velden bewerken die in een andere file in de frame-set staan.

Voorbeeld:

<form name="Feedback" action="mailto:abc@xyz.com" method=post enctype="text/plain">
Je naam: <input name="UserName>"
<input type=hidden name="UserBrowser" value="">
<input type=submit value="Versturen">
</form>
<script language="JavaScript">
document.Feedback.UserBrowser.value = navigator.userAgent;
</script>

Toelichting:

Met <input type=hidden ...> definieer je verborgen data in een formulier (hidden = verborgen). De data zelf, bepaal je met de extra verwijzing value= (value = waarde). De waarde moet tussen aanhalingstekens staan.

In het bovenstaande voorbeeld staan er in eerste instantie geen data (value="") in het verborgen veld. Onder het veld is echter een JavaScript genoteerd. Dit script leest het browsertype uit dat de bezoeker gebruikt en schrijft de uitgelezen waarde in het verborgen veld. Zodra de browser het formulier verstuurd, wordt dus ook het type browser samen met de andere data in het formulier mee gestuurd.

Op de JavaScript bevelen wordt hier verder niet ingegaan. In het bijzonder gaat het daarbij om de mogelijkheden van het navigator-object en het forms-object.

top