HTML priručnici
HTML Osnove
HTML Tablice
HTML Frames
HTML Forms
HTML Dugmad
HTML META Tags
HTML Resursi
HTML Tutoriali


   HTML Forms
1. Uvod
2. FORM
3. INPUT
3.1 text
3.2 password
3.3 checkbox
3.4 radio
3.5 submit
3.6 reset
3.7 button
3.8 image
3.9 file
3.10 hidden
4. TEXTAREA
5. SELECT
6. LABEL
7. FIELDSET
8. LEGEND
9. OPTGROUP
10. BUTTON
11. Varijable
12. Napredno
13. CSS - style
14. Trikovi


Kontaktirajte nas...

Naručite CD

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

smile 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.

smile size="integer"
Size je atribut koji određuje koliko će stavki (određenih s OPTION tagom) biti vidljivo. Predefinirana vrijednost je jedan.

1. primjer
<form action=""> mjesto: <select name="naselje" size="3"> <option>Našice</option> <option>Valpovo</option> <option>Osijek</option> <option>Đakovo</option> </select> </form>
mjesto:

smile 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
<form action=""> mjesto: <select name="naselje" size="3" multiple> <option>Našice</option> <option>Valpovo</option> <option>Osijek</option> <option>Đakovo</option> </select> </form>
mjesto:


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

smile 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.

smile selected
Ako se upotrijebi ovaj atribut tada će stavka biti selektirana pri samom otvaranju vašeg obrasca.

3. primjer
<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>
mjesto:



Napomena: Primjetite kako u select polje ne možete ništa utipkati. Dakle, sve stavke određene su HTML codom.



Text Oglasi Foto Oglasi Besplatne Stvari Besplatan Web Hosting Web Direktorij Dizajn