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.padajući popis

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.

padajući popis HTML-a

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 ...

padajući popis jquery

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.

Dijelite na društvenim mrežama:

Povezan
Likbez: Kako ukloniti prijatelja iz `razreda`Likbez: Kako ukloniti prijatelja iz `razreda`
Kako mogu prebaciti jezik na `MacBook `? sredstvaKako mogu prebaciti jezik na `MacBook `? sredstva
Kao u "Excel" napravite padajući popis (korak-po-korak upute)Kao u "Excel" napravite padajući popis (korak-po-korak upute)
CSS-selektor i njegova uloga u oblikovanju HTML dokumenataCSS-selektor i njegova uloga u oblikovanju HTML dokumenata
Što je potrebno i kako je napisan jQuery selektor?Što je potrebno i kako je napisan jQuery selektor?
Kako stvoriti popis s grafičkim oznakama? Popisi s grafičkim oznakama i brojevimaKako stvoriti popis s grafičkim oznakama? Popisi s grafičkim oznakama i brojevima
Kako napraviti popis na popisu. HTML priručnik za početnikeKako napraviti popis na popisu. HTML priručnik za početnike
Kako napraviti popis u Riječi: abecednim redom: savjetiKako napraviti popis u Riječi: abecednim redom: savjeti
Označen i numeriran popis HTML-aOznačen i numeriran popis HTML-a
Kako u programu Excel napraviti padajuće popise: najjednostavnije metodeKako u programu Excel napraviti padajuće popise: najjednostavnije metode
» » Kako napraviti padajući popis u HTML-u
LiveInternet