Tag select
Tag select kreira padajuću listu
za korišćenje u HTML formama.
Posebna stavka liste se mora čuvati u
tagu option.
Atributi
| Atribut | Opis |
|---|---|
multiple |
Prisustvo ovog atributa kreira multiselekt -
padajuću listu u kojoj se može izabrati više stavki, držeći
taster Ctrl ili označivši ih mišem.
Opcioni atribut. |
name |
Ime padajuće liste. Potrebno je da biste pristupili podacima polja za unos u PHP-u. Za ispravan rad forme, imena polja za unos ne bi trebalo da se podudaraju jedno sa drugim (u jednoj formi). Ako se podudaraju - u PHP će stići podaci onog polja za unos koje je niže u HTML kodu. |
Primer
Hajde da pogledamo kako funkcioniše padajuća lista:
html<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Primer
Hajde da širinu padajuće liste napravimo
jednakom širini najvećeg elementa (ako
ona nije eksplicitno određena pomoću CSS svojstva
width):
html<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Primer . Podrazumevani izbor
A sada hajde da probamo da izaberemo grad
podrazumevano. Uradićemo to pomoću atributa
selected:
html<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Primer . Multiselekt
Hajde sada da pretvorimo običan selekt u
multiselekt pomoću atributa multiple:
html<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Obratite pažnju da ime selekt-a, zadato u atributu name,
mora biti sa uglastim zagradama na kraju. Ovo je potrebno da bi u PHP
stizale sve izabrane vrednosti (inače će stići samo jedna - poslednja).
Primer . Više podrazumevanih vrednosti u multiselektu
A sada, u multiselektu podrazumevano, hajde da probamo da izaberemo više od jedne vrednosti:
html<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
Результат: