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ákratörténik egy kiválasztott tag: legördülő listából (a lehetőségek esik kattintás után a fő területen, vagy lebeg fölötte), és egy listát a feleletválasztós - benne a felhasználó több elemet is kijelölhet. Az első sokkal gyakoribb, ezek fontos eleme a modern navigációs oldalak. A legördülő listában több elem kiválasztását is használható, például a könyvtárak, ahol szeretné, hogy válasszon egy pár áruk jellemzőit.

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 igen, és nem adja meg a méretét, akkor ha több van, akkor a felhasználó látni fogja az összes lehetséges választást, de ha nincs több, akkor csak egy sor jelenik meg, és a többi látogató képes lesz olvasni, amikor megnyomja a jobb oldali felvonó ikont. 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,lista jelenik meg, ha az egérrel egy oldal elemet. Kiváló lehetőségeket teremt listákat nyújt a JavaScript, amely egyszerűsíti a munkát jQuery könyvtár. A legördülő lista, amely össze van kötve ezzel a könyvtár, lehet nagyon bonyolult, mint a kaszkád. 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, kabátok és így tovább. n.

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.