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 opcija liste, što može biti učinjeno odaberite oznake: padajućeg popisa (opcija pada nakon klika na glavnom terenu ili prelazite preko njega), a popis višestrukog izbora - u njemu korisnik može odabrati više stavki. Prva je češća, oni su važan element modernih navigacijskih mjesta. Na padajućem popisu više odabire se mogu koristiti, na primjer, u direktorije u kojima želite odabrati nekoliko karakteristike robe.

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 linija na popisu, da je visina. I onda to sve ovisi o, višestruki atribut prisutan ili ne. 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 određenoj veličini, a to je manje od broja opcija na desnoj Scroll pojavljuje ovdje.

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 na element stranice. Izvrsne prilike za izradu popisa osiguravaju jаvascript, č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 na jednom popisu, pojavit će se sljedeći popis, primjerice, stavka izbornika "Odjeća za žene" (kada se lebde na padu vrste odjeće), onda kada je jedan od vrste, na primjer, „Tops” pada popis s elementima: jakne, parkovima, kaputi, kaputi, itd ...

Na površini smo nabrojali glavne načine na koje možete izraditi padajući popis. Naravno, ima mnogo nijansi HTML, u CSS-u i jаvascript, što vam omogućuje promjenu funkcionalnosti i izgleda popisa.