weballey logo
 
left forms - checkbox backnext right
homesearchsite mape-mail
intro
text
textarea
buttons
image
form
e-mail form
< checkbox >
radio
select
password
hidden
layout
cgi
tags
slot
      Vaak wil je alleen maar weten of iets waar is of niet. Hiervoor kun je een checkbox gebruiken. Hiernaast kun je een tekst laten zien, die een bepaalde bewering bevat. Bijvoorbeeld "Kruis dit vakje aan, als je op die en die mailinglist geplaatst wilt worden". In negen van de tien gevallen zul je dit niet willen. Maar voor het geval dat, klik je eenmaal in het vakje, waarna een vinkje verschijnt.

<INPUT TYPE="checkbox" NAME="mailinglist" VALUE="true">

Zet mij op de mailinglist.

    Zoals je al kunt vermoeden, is dit gewoon weer een INPUT tag. In dit geval is het TYPE ingesteld op "checkbox". De waarde wordt niet weergegeven in je browser. De naam en de waarde worden alleen verzonden, als het vakje is aangevinkt. Zoniet, dan wordt het genegeerd. Geef je geen waarde aan, dan wordt "on" gebruikt. Je kunt zo ook lijsten maken met meerdere vakjes.

<INPUT TYPE="checkbox" NAME="kleur_rood" VALUE="waar">
<INPUT TYPE="checkbox" NAME="kleur_blauw" VALUE="waar">
<INPUT TYPE="checkbox" NAME="kleur_groen" VALUE="waar">
<INPUT TYPE="checkbox" NAME="kleur_geel" VALUE="waar">

Ik vind de volgende kleuren mooi:
red
blue
green
yellow

    En als ik het vakje nu standaard aangevinkt wil hebben? Dan vertel je de browser dat gewoon. Een eenvoudig CHECKED attribuut is voldoende.

<INPUT TYPE="checkbox" NAME="mailinglist" VALUE="true" CHECKED>

Zet mij op de mailinglist.
bottom  
left Copyright © Gerben Hoekstra - Alle rechten voorbehouden backnext right