Hogyan készítsünk egy legördülő listát a HTML-ben

A HTML legegyszerűbb legördülő listája egyszerűen létrehozható a kijelölt címke használatával. Ez egy konténercímke, az opcionális címkék be vannak ágyazva - megadják a listaelemeket.

Számos lehetőség van a listákrakészítse el a kijelölt címke használatát: legördülő listát (a főmenüre kattintva vagy a kurzorra kattintva), és egy többszörös választási listát - a felhasználó választhat több elemet. Az első gyakoribb, fontos eleme a modern helyszínek navigációjának. A többszörös választás legördülő listája alkalmazható például olyan könyvtárakban, ahol több termékjellemzőt kell kiválasztani.

legördülő listából

A listák megjelenését és tulajdonságait megváltoztathatja általános és speciális attribútumokkal.

A kijelölt címke attribútumai

1. Többszörös - a többszörös választást adja meg.

2. Méret - meghatározza a látható vonalak számát a listában, vagyis a magasságot. És akkor minden attól függ, hogy az attribútum többszörös-e vagy sem. Ha így van, és nem adja meg ágy, majd a többszörös felhasználó látni fogja az összes lehetőséget, de ha több hiányzik, kiderül, hogy csak egy sort, és a többi felhasználó képes lesz olvasni, mikor kattintson az ikonra a lift, a jobb oldalon. Ha a méret magassága meg van adva, és kisebb az opciók számánál, a jobb oldalon megjelenik egy görgetősáv.

3. A név neve. A legördülő lista nem nélkülözheti, de szükség lehet a szerverrel való kapcsolatfelvételre. Általában a név még mindig jelzi.

A kijelölt címke nem rendelkezik kötelező attribútumokkal, ellentétben az opciós címkével.

html legördülő lista

A beágyazott opciós címke tulajdonságai

  1. Kiválasztott - egy listaelem kiemelése. A felhasználó több elemet is kijelölhet, ha a többszörös attribútumot megadja (lásd fent).
  2. Az érték az érték. Ez az attribútum szükséges. A webszervernek meg kell értenie, hogy mely elemeket választotta ki a felhasználó.
  3. Címkét. Ezzel az attribútummal le lehet rövidíteni a túl hosszú elemeket. Például a képernyőn megjelenik a "Milan", ahelyett, hogy a "Milánó - a közigazgatási központ Lombardia" opciót a címkén. Észak-Olaszország ". Ez az attribútum a listában szereplő elemek csoportosítására is használható.

Ami a lista szélességét illeti, alapértelmezés szerint a lista legszélesebb szövegének hosszúsága szerint van beállítva. Természetesen a szélesség HTML stílusokkal módosítható.

A legördülő lista egyéb módon

Ez történhet például a CSS használatával,A lista akkor jelenik meg, ha az egérmutatót az oldalelem fölé viszi. Kiváló lehetőségek a listák létrehozására a JavaScript, amelynek munkáját a Jquery könyvtár egyszerűsíti. A könyvtárhoz kapcsolódó legördülő lista nagyon összetett lehet, pl. Azaz, ha kiválaszt egy elemet a lista jelenik meg a következő listát, például van „Női ruházat” menüben (ha lebeg csepp féle ruha), akkor, amikor az egyik faj, például a „Tops” legördülő lista elemei: kabátok, Parkok, kabátok, rövid kabátok, bundák, stb.

jquery legördülő lista

Felszínesen soroltuk fel a fő utakat, amikorakinek segítségével létrehozhat egy legördülő listát. Természetesen a HTML-ben, a CSS-ben és a JavaScript-ban sok olyan árnyalat van, amely lehetővé teszi a listák funkcionalitásának és megjelenésének megváltoztatását.

</ p>
tetszett:
0
Kapcsolódó cikkek
Miért van szükségem egy HTML spoilerre?
Mi a címke? Fordulunk hozzád ...
Függőleges CSS menü: csináld magad
A HTML felsorolt ​​és számozott listája
Hogyan helyezzünk el egy tér html-et
Hogyan lehet a HTML-ben megjegyezni egy sort?
Mi az a HTML kúszó vonal?
Legjobb HTML-szerkesztők
Hogyan lehet megjegyzéseket tenni a html-ben?
Népszerű hozzászólások
fel