Kako napraviti padajući popis u HTML-u

Najjednostavniji padajući popis u HTML-u jednostavan je za izradu pomoću odabrane oznake. To je oznaka spremnika, u njega su ugrađene opcijske oznake - one određuju stavke popisa.

Postoji nekoliko mogućnosti za popise koji možeteučinjeno s odabranim oznakama: popis padajućeg (opcija pada nakon klika na glavnom terenu ili lebdjeti iznad njega), i popis višestrukog izbora - u njoj korisnik može odabrati više stavki. Prvi su češći, oni su važan element navigacije suvremenih lokacija. Na padajućem popisu višestrukih odabira može se primijeniti, na primjer, u direktorijima gdje treba odabrati nekoliko značajki proizvoda.

Možete promijeniti izgled i svojstva popisa pomoću univerzalnih i posebnih atributa.

Atributi odabrane oznake

1. Višestruko - postavlja višestruki odabir.

2. Veličina - određuje broj vidljivih redaka na popisu, to jest visina. A onda sve ovisi o tome je li atribut više ili više. Ako je tako, a ne odredite size krevet, a zatim u prisustvu multiplu korisnik će vidjeti sve svoje mogućnosti, ali ako višestruko nedostaje, pokazano je da je samo jedna linija, a drugi korisnik će moći čitati, kada kliknete na ikonu dizala na desnoj strani. Ako je visina veličine navedena i manja od broja opcija, na desnoj strani će se pojaviti traka za pomicanje.

3. Naziv je naziv. Padajući popis može učiniti bez nje, ali može biti potrebno komunicirati s rukovateljem na poslužitelju. U pravilu, ime još uvijek označava.

Odabrana oznaka nema obvezne atribute, za razliku od opcijske oznake.

Atributi ugniježđene opcijske oznake

1. Odabrano - označava stavku popisa. Korisnik može odabrati više od jedne stavke ako je navedeno više atributa (vidi gore).
2. Vrijednost je vrijednost. Ovaj je atribut potreban. Web poslužitelj mora razumjeti koje su stavke odabrali korisnik.
3. Oznaka. Pomoću ovog atributa možete skratiti predložene stavke koje su predugo. Na primjer, na zaslonu će se prikazati "Milan", umjesto opcije "Milano - administrativno središte Lombardije" navedeno u oznaci. Sjevernoj Italiji ". Taj se atribut također koristi za grupiranje stavki na popisu.

Što se tiče širine popisa, postavlja se prema zadanim postavkama prema dužini najšireg teksta na popisu. Naravno, širina se može promijeniti pomoću HTML stilova.

Padajući popis na druge načine

To se može učiniti pomoću CSS-a, na primjer,Popis će se pojaviti kada pokazivač miša držite preko elementa stranice. Izvrsne prilike za izradu popisa osiguravaju JavaScript, čiji rad pojednostavljuje knjižnica Jquery. Padajući popis povezan pomoću ove knjižnice može biti vrlo složen, na primjer, kaskadiran. To jest, kada odaberete stavku u popisu će se pojaviti na sljedećem popisu, na primjer, tu je „ženska odjeća” izborniku (kada prelazite kap vrste odjeće), zatim kada je jedan od vrste, na primjer, „Tops” padajući popis s elementima: jakne, Parkovi, kaputi, kratke kapute, kaputi, itd.

Na površini smo nabrojali glavne načine, kadačija pomoć možete stvoriti padajući popis. Naravno, postoji puno nijansi u HTML-u, CSS-u i JavaScript-u, što vam omogućuje promjenu funkcionalnosti i izgleda popisa.