Radioknapp
En radioknapp representerer et HTML skjema-element i form av en rund knapp som kan være merket av eller ikke.
En radioknapp opprettes ved hjelp av taggen input
med attributtet type satt til verdien radio.
Utseende:
En enkelt radioknapp brukes nesten aldri
alene, de bør brukes i
grupper. I en gruppe kan bare
én av knappene være valgt. Knappene
vil danne en gruppe bare hvis de har
samme verdi for attributtet name
(se eksempler nedenfor).
Eksempel
La oss lage to radioknapper:
den første vil være merket (sett attributtet checked),
og den andre - ikke. Samtidig vil knappene
representere en gruppe hvor
bare én av dem kan være valgt (fordi
de har samme verdi for attributtet name).
Legg merke til at disse radioknappene
har forskjellige verdier for attributtet value.
Dette er nødvendig for at etter innsending
av data til serveren, kan PHP bestemme hvilken
av knappene som ble valgt:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Eksempel
La oss nå lage to grupper med radioknapper:
den første gruppen vil ha
én verdi for attributtet name,
og den andre - en annen. La oss prøve å klikke
på dem, og vi vil se at gruppene veksler
uavhengig av hverandre:
<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<br>
<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">
:
Se også
-
avkrysningsboks,
som kan brukes til å implementere en avkrysningsboks -
attributtet
checked,
som markerer radioknappen som valgt -
pseudoklassen
:checked,
som setter stiler for merkede radioknapper -
attributtet
disabled,
som deaktiverer skjema-elementer -
taggen
label,
som setter en ledetekst for radioknappen