/ / Kako napraviti padajući popis u HTML

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žetenapraviti pomoću odabrane oznake: padajući popis (opcije se ispuštaju nakon što kliknete na glavno polje ili pokazujući kursor na njega) i popis višestrukih izbora - u njemu korisnik može odabrati nekoliko 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.

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 redaka na popisu, to jest visina. A onda sve ovisi o tome je li atribut više ili više. Ako da, a ne odredite veličinu, a ako postoji više, korisnik će vidjeti sve moguće izbore, ali ako više nema, prikazat će se samo jedna linija, a ostatak posjetitelja moći će čitati kada pritisne 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.

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 zadržite pokazivač miša iznad stavke na stranici. Izvrsne mogućnosti stvaranja popisa pružaju JavaScript, što pojednostavljuje rad knjižnice Jquery. Padajući popis spojen pomoću ove knjižnice može biti vrlo složen, na primjer, kaskadno. Na primjer, kada odaberete stavku na jednom popisu, pojavljuje se sljedeći popis, primjerice, stavka izbornika "Odjeća za žene" (tipovi odjeće ispadaju kada lebde), a zatim kada odaberete jednu od tipova, na primjer, gornja odjeća, popis s elementima parkovi, kaputi, kaputi, kaputi, itd.

jquery padajući popis

Na površini smo naveli glavne načine, spomoć koju možete izraditi padajući popis. Naravno, ima puno nijansi u HTML-u, CSS-u i JavaScriptu, što vam omogućuje promjenu funkcionalnosti i izgleda popisa.

Pročitajte više: