Butona Radio
Butona radio përfaqëson një element formular HTML në formën e një butoni të rrumbullakët, i cili mund të jetë i përzgjedhur ose jo.
Butona radio krijohet duke përdorur tagun input
me atributin type me vlerën radio.
Pamja:
Një buton radio i vetëm pothuajse kurrë
nuk përdoret, ata duhet të përdoren
në grup. Në këtë rast, në grup mund të jetë i përzgjedhur
vetëm një nga butonat. Butonat
do të formojnë një grup vetëm nëse ato
kanë të njëjtën vlerë të atributit name
(shih shembujt më poshtë).
Shembull
Le të krijojmë dy butona radio:
i pari le të jetë i përzgjedhur (caktojmë atributin checked),
dhe i dyti - jo. Në këtë rast, butonat do të
përfaqësojnë një grup, ku
mund të jetë i përzgjedhur vetëm njëri prej tyre (pasi
ato kanë të njëjtën vlerë të atributit name).
Kushtojini vëmendje faktit që këtyre butonave radio
u janë dhënë vlera të ndryshme të atributit value.
Kjo është e nevojshme në mënyrë që pas dërgimit
të të dhënave në server, PHP të mund të përcaktojë se cili
nga butonat ishte përzgjedhur:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Shembull
Tani le të krijojmë dy grupe butonash
radio: grupi i parë do të ketë
një vlerë të atributit name,
ndërsa i dyti - një tjetër. Le të provojmë të klikojmë
mbi to, dhe do të shohim se grupet ndryshojnë
në mënyrë të pavarur nga njëri-tjetri:
<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">
:
Shihni gjithashtu
-
kutia e përzgjedhjes (checkbox),
që mund të përdoret për të implementuar një buton përzgjedhjeje -
atributi
checked,
që e bën butonin radio të përzgjedhur -
pseudoklasa
checked,
që përcakton stilet për butonat radio të përzgjedhur -
atributi
disabled,
që bllokon elementët e formularit -
tagu
label,
që përcakton një etiketë për butonin radio
