|
HTML Forms
5. Select tag
Tag <select> .... </select> omogućava upotrebu padajućeg menija. To je jedan od najflexibilnijih
tagova za izradu obrasca. U ovisnosti o upotrijebljenim atributima može imati funkciju kao i check box odnosno
radio dugme.
Atributi select taga
 name="string"
Ovaj atribut kao i kod ostalih tagova 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 ( _ ).
Više o ovom atributu pogledajte u lekciji 11. varijable , te u priručnicima za
JavaScript i PHP.
size="integer"
Size je atribut koji određuje koliko će stavki (određenih s OPTION tagom)
biti vidljivo. Predefinirana vrijednost je jedan.
1. primjer
|
<![CDATA[
<form action="">
mjesto: <select name="naselje" size="3">
<option>Našice</option>
<option>Valpovo</option>
<option>Osijek</option>
<option>Đakovo</option>
</select>
</form>
]]>
|
|
|
multiple
U 1. primjeru je moguće izabrati samo jednu stavku (jedan grad), pa
možemo reći da imamo isto što i kod radio dugmadi.
Da bi se omogućio višestruki izbor upotrijebit ćemo atribut multiple pa će se u tom slučaju
ponašati kao checkbox.
Isprobajte višestruki odabir u narednom primjeru i ne zaboravite držati pritisnutu CTRL tipku.
Također može se koristiti i SHIFT tipka na isti način kao u Windows explorer -u.
2. primjer
|
<![CDATA[
<form action="">
mjesto: <select name="naselje" size="3" multiple>
<option>Našice</option>
<option>Valpovo</option>
<option>Osijek</option>
<option>Đakovo</option>
</select>
</form>
]]>
|
|
|
5.1 OPTION tag
Sam SELECT tag ne znači ništa ukoliko se ne upotrijebi zajedno s OPTION
tagom. On određuje pojedine stavke koje korisnik vašeg obrasca može izabrati.
Atributi option taga
value="string"
Atribut value određuje koja će vrijednost biti pridružena varijabli
kada korisnik izabere određenu stavku.
Dakle, name atribut (select tag) određuje naziv, a value (option tag) 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.
selected
Ako se upotrijebi ovaj atribut tada će stavka biti selektirana pri samom
otvaranju vašeg obrasca.
3. primjer
|
<![CDATA[
<form action="">
mjesto: <select name="naselje" size="3" multiple>
<option>Valpovo</option>
<option selected>Našice</option>
<option>Osijek</option>
<option>Đakovo</option>
</select>
</form>
]]>
|
|
|
Napomena: Primjetite kako u select polje ne možete
ništa utipkati. Dakle, sve stavke određene su HTML codom.
|
