Što je HTML okvir s popisom?

U jeziku za označavanje hiperteksta (HTML), okvir s popisom je vrsta komponente interaktivnog grafičkog korisničkog sučelja (GUI). Pojavljuje se na web stranici kao okvir unutar stranice koji sadrži okomiti skup tekstualnih opcija koje korisnik može odabrati. Svrha korištenja HTML okvira s popisom je predstaviti korisniku niz opcija od kojih može birati, a zatim reagirati na odabir. Dostupne su mnoge opcije za prilagodbu okvira s popisom, posebno korištenjem kaskadnih stilskih tablica (CSS). Postoji vizualna i funkcionalna razlika između HTML okvira s popisom i drugog GUI elementa poznatog kao combobox, iako su definirani na gotovo isti način.

U dokumentu se HTML okvir s popisom definira pomoću oznake odabira. Ova oznaka pokreće okvir s popisom i može se koristiti za definiranje nekoliko opcija. Jedno od najvažnijih svojstava oznake za odabir je naziv okvira s popisom, koji ostalim dijelovima HTML dokumenta daje mogućnost izravnog pristupa vrijednostima okvira s popisom. Druga važna opcija koja se može postaviti je višestruko svojstvo, koje može dopustiti korisniku da odabere više stavki s popisa istovremeno umjesto samo jednu po jednu.

Između otvaranja i zatvaranja oznaka odabira, stvarni elementi koji će biti sadržani u HTML okviru s popisom definiraju se pomoću oznake opcije. Oznaka opcije obuhvaća stvarni tekst koji će biti prikazan u HTML okviru s popisom. Kao i oznaka za odabir, ona također ima neka važna svojstva. Vrijedno svojstvo oznake opcije je mogućnost definiranja povratne vrijednosti za odabranu opciju koja se šalje u skriptu za postavljanje upita umjesto teksta koji korisnik vidi. To znači da korisnik može vidjeti riječ “crveno”, ali HTML okvir s popisom može vratiti heksadecimalnu vrijednost crvene umjesto stvarne riječi.

Osim opcija, HTML okvir s popisom može sadržavati još jedan vizualni element poznat kao optgroup. Optgroup je naslov koji se koristi za vizualno odvajanje različitih opcija unutar okvira s popisom. Kada korisnik pogleda okvir s popisom koji sadrži oznake optgroup, vidjet će podebljani naslov u okviru ispod kojeg će pridružene opcije biti blago uvučene, a ne podebljane.

Iako se funkcionalni HTML okvir s popisom može napraviti i postaviti na web stranicu, on zapravo neće učiniti ništa kada korisnik odabere opciju osim ako nije prisutan pomoćni kod za to. To se može učiniti s JavaScript® pristupom popisnom okviru kroz model objekta dokumenta (DOM), ili se može izvesti s drugim skriptama ili apletima. Kao interaktivni element, okvir s popisom generira korisničke događaje kao što je prelazak mišem, koji se mogu snimiti unutar preglednika.