|
HTML Forms
3.4 Radio dugme
Radio dugmad dozvoljavaju korisniku da izabere samo jednu stavku. Pri odabiru jednog radio dugmeta
prethodno odabrano dugme se deselektira.
U narednom primjeru uočite kako ne možete selektirati ništa tj. kada
kliknete na kružić neće se pojaviti točka. To je zato jer nismo upotrijebili atribut NAME.
1. primjer
|
<![CDATA[
<form action="">
Želim kupiti:
<br><input type="radio"> kruške
<br><input type="radio"> jabuke
<br><input type="radio"> rakiju
</form>
]]>
|
|
|
Ostali atributi
 name="string"
Ovaj atribut dodjeljuje naziv varijabli koja će se proslijediti do skripte. Ukoliko
ne upotrijebite ovaj atribut skripta neće prepoznati o kojoj se varijabli radi te će uneseni podatak biti neupotrebljiv.
Pri imenovanju polja tj. varijable koristite samo alfanumeričke znakove (brojeve i slova) te underscore crticu ( _ ).
Također izbjegavajte hrvatske znakove č, š, ć, đ i ž.
Ukoliko želite grupirati stavke upotrijebit ćete isti naziv za
određenu grupu stavki. Npr. name="auti" za jednu grupu i name="voce" za drugu.
Primjetite kako u slijedećem primjeru za grupu auti možete odabrati samo jednu stavku, a
za drugu grupu voće također samo jednu.
2. primjer
|
<![CDATA[
<form action="">
Omiljena marka automobila mi je:
<br><input type="radio" name="auti"> Seat
<br><input type="radio" name="auti"> Ford
<br><input type="radio" name="auti"> Opel
<br>
<br>Želim kupiti voće:
<br><input type="radio" name="voce"> kruške
<br><input type="radio" name="voce"> jabuke
<br><input type="radio" name="voce"> šljive
</form>
]]>
|
|
|
Više o ovom atributu pogledajte u lekciji 11. varijable , te u priručnicima za
JavaScript i PHP.
checked
Ako se upotrijebi ovaj atribut tada će kružić biti checkiran pri samom
otvaranju vašeg obrasca u browseru. U donjem primjeru to su jabuke.
3. primjer
|
<![CDATA[
<form action="">
Želim kupiti:
<br><input type="radio" name="kupnja"> kruške
<br><input type="radio" name="kupnja" checked> jabuke
<br><input type="radio" name="kupnja"> rakiju
</form>
]]>
|
|
|
value="string"
Atribut value određuje koja će vrijednost biti pridružena varijabli
(radio polju) kada ga korisnik checkira.
Dakle, name atribut određuje naziv, a value vrijednost varijable. Na taj način se definira par name="value"
koji se prosljeđuje skripti i koja ga prihvaća kao nekakvu varijablu.
Više o ovome pogledajte u lekciji 11. varijable.
4. primjer
|
<![CDATA[
<form action="">
Omiljena marka automobila mi je:
<br><input type="radio" name="auti" value="seat"> Seat
<br><input type="radio" name="auti" value="ford"> Ford
<br><input type="radio" name="auti" value="opel"> Opel
<br>
<br>Želim kupiti voće:
<br><input type="radio" name="voce" value="kruske"> kruške
<br><input type="radio" name="voce" value="jabuke"> jabuke
<br><input type="radio" name="voce" value="sljive"> šljive
</form>
]]>
|
|
|
U gornjem primjeru mogući su slijedeći parovi name="value":
za aute -> auti="seat" ; auti="ford" ; auti="opel"
za voće -> voce="kruske" ; voce="kruske" ; voce="sljive"
koji se kao varijable sprovode dalje do skripte koja ih obrađuje.
|
