Kako napraviti padajući popis u HTML

Najjednostavniji padajućem popisu u HTML je jednostavan za napraviti pomoću oznake odaberite. Ovaj spremnik oznaka, oznake ugrađene opcije u njemu - to je oni koji su postavili 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.

Promijeniti izgled i svojstva popisa, možete koristiti univerzalne i specijalne atribute.

odaberite atribute oznaka

1. Višestruki - navodi višestrukog izbora.

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. Ime - ime. Padajući popis može obaviti bez njega, ali možda će biti potrebno za interakciju s programom-rukovatelj na poslužitelju. U pravilu, ime još uvijek naznačeno.

Odaberi tag nema potrebne atribute za razliku od opcija oznaku.

Značajke u prilogu oznaka opcija

1. Odabrani - osmišljen kako bi označili stavku na popisu. Korisnik može dodijeliti više od jedne stavke, ako postavite više atributa (vidi. Gore).
2. Vrijednost - vrijednost. Ovaj atribut je potrebno. Web poslužitelj treba razumjeti točno ono što stavke popisa koje je korisnik odabrao.
3. Oznaka. Na vrlo dugog popisa elemenata može se smanjiti korištenjem taj atribut. Na primjer, na zaslonu će se prikazati „Milan”, umjesto opcije oznaku „Milan - administrativno središte Lombardije. Sjeverna Italija ". Ovaj atribut također se koristi za skupinu stavke u popisu.

Što se tiče širine popisu, to je defaultno dužini najširem teksta na popisu. Naravno, širina može se mijenjati pomoću HTML stilova.

Padajući popis i na druge načine

To može biti učinjeno s CSS, na primjer, na popisu će se pojaviti kada prelazite preko točke stranice. Odlična prilika za stvaranje popisa daje JavaScript, koja pojednostavljuje rad jQuery biblioteku. Padajući popis koji je povezan s ovim knjižnica, mogu biti vrlo složeni, kao što je kaskada. 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), onda kada je jedan od vrste, na primjer, „Tops” padajući popis s elementima: jakne, parkovi, kaputi, kaputi i tako dalje. br.

Mi smo na popisu glavnih površne načine na koje možete napraviti padajući popis. Naravno, postoje mnoge nijanse u HTML-u, u CSS- a u JavaScript, koji omogućuju vam da promijenite funkcionalnost i izgled prikaza popisa.