Kako narediti spustni seznam v HTML-ju

Najpreprostejši spustni seznam v HTML-ju je enostavno ustvariti s pomočjo izbirne oznake. To je oznaka vsebnika, v njem so vgrajene oznake možnosti - določajo elemente seznama.

Obstaja več različic seznama, ki jih je mogoče narediti z uporabo izbirne oznake: spustni seznam (variante izpadejo, ko kliknejo glavno polje ali kažejo na to s kazalko) in seznam z več izbirami - v njem lahko uporabnik izbere več elementov. Prvi so bolj pogosti, pomemben element navigacije sodobnih lokacij. Spustni seznam več možnosti je mogoče uporabiti, na primer v imeniku, kjer je treba izbrati več značilnosti izdelka.

Zgled in lastnosti seznamov lahko spremenite z univerzalnimi in posebnimi lastnostmi.

Atributi izbirne oznake

1. Multiple - nastavi večkratno izbiro.

2. Velikost - določa število vidnih vrstic na seznamu, to je višino. In potem je vse odvisno od tega, ali je atribut več ali ne. Če je odgovor da, in če ne določite velikosti, potem če je več, bo uporabnik videl vse možne izbire, če pa je več, je prikazana samo ena vrstica, preostali obiskovalec pa bo lahko brati, ko pritisne ikono dvigala na desni strani. Če je višina velikosti določena in je manjša od števila možnosti, se bo na desni prikazala drsna vrstica.

3. Ime je ime. Spustni seznam lahko naredi brez njega, vendar je morda potrebno za interakcijo s posrednikom na strežniku. Ime praviloma še vedno označuje.

Izbirna oznaka nima obveznih atributov, za razliko od oznake možnosti.

Atributi ugnezdene oznake možnosti

1. Izbrani - namenjen poudarjanju elementa seznama. Uporabnik lahko izbere več kot en element, če je naveden več atributov (glejte zgoraj).
2. Vrednost je vrednost. Ta atribut je potreben. Spletni strežnik mora razumeti, katere predmete je uporabnik izbral.
3. Oznaka. S tem atributom lahko skrajšate predmete, ki so predolgi. Na primer, na zaslonu se prikaže "Milan", namesto možnosti "Milan - upravno središče Lombardije", ki je navedena v oznaki. Severna Italija ". Ta atribut se uporablja tudi za združevanje elementov na seznamu.

Kar zadeva širino seznama, je privzeto nastavljena glede na dolžino širokega besedila na seznamu. Seveda se lahko širino spremenijo z uporabo slogov HTML.

Spustni seznam na druge načine

To je mogoče storiti z uporabo CSS, na primer, se bo seznam prikazal, ko premaknete kazalko na element strani. Odlične možnosti za ustvarjanje seznamov ponuja JavaScript, katerega delo je poenostavila knjižnica Jquery. Spustni seznam, povezan z uporabo te knjižnice, je lahko zelo kompleksen, na primer kaskaden. To pomeni, da ko izberete postavko na enem seznamu, se pojavi naslednji seznam, na primer, obstaja postavka v meniju »Ženska oblačila« (pri lebdenju, oblačila se spustijo ), nato pa pri izbiri enega od tipov, na primer »Outerwear«, seznam z elementi: Parki, plašči, kratki plašči, krzneni plašči itd.

Površinsko smo našteli glavne načine, s katerimi lahko ustvarite spustni seznam. Seveda obstaja veliko odtenkov v HTML-ju, CSS in JavaScript, ki vam omogočajo spreminjanje funkcionalnosti in videza seznama.