weballey logo
 
left forms - radio button backnext right
homesearchsite mape-mail
intro
text
textarea
buttons
image
form
e-mail form
checkbox
< radio >
select
password
hidden
layout
cgi
tags
slot
 

    Soms wil je je bezoekers laten kiezen uit een aantal mogelijkheden. Denk aan een multiple-choice examen. Net als op de checkbox pagina, maar dan met de vraag: wat is je lievelingskleur. Vanzelfsprekend heb je maar een favoriet, of je moet al een aartstwijfelaar zijn.

<INPUT TYPE="radio" NAME="kleur" VALUE="rood">
<INPUT TYPE="radio" NAME="kleur" VALUE="blauw">
<INPUT TYPE="radio" NAME="kleur" VALUE="groen">
<INPUT TYPE="radio" NAME="kleur" VALUE="geel">

Wat is je lievelingskleur?
rood
blauw
groen
geel

    Hiervoor gebruik je een stel "radio buttons". Deze naam verwijst naar de knoppen voor de voorkeurzenders op een radio, met telkens een andere zender onder een knop. Je kunt maar naar een zender tegelijkertijd luisteren. Druk je een knop in, dan schakelt de andere uit. Alle knoppen moeten hetzelfde NAME attribuut hebben. De waarden zullen veelal verschillen, hoewel dat niet verplicht is.

<INPUT TYPE="radio" NAME="kleur" VALUE="blauw" CHECKED>

Wat is je lievelingskleur?
rood
blauw
groen
geel

    Als je al een idee hebt wat het meest voor de hand liggende antwoord is, kun je dat alvast aanvinken. De meeste mensen houden van blauw. Dus heb ik die alvast aangegeven met het CHECKED attribuut. Als je iets anders aanvinkt, en je drukt op de reset (wis) knop, dan springt deze terug naar de oorspronkelijke waarde.

bottom  
left Copyright © Gerben Hoekstra - Alle rechten voorbehouden backnext right