Hogyan készítsünk egy legördülő listát html használatával

Seryozha Syroezhkin Copywriter

A HTML-ben egy legördülő lista a kijelölt címke használatával végezhető el. A legördülő lista (vagy a "legördülő" lista) mellett a kijelölt címke lehetővé teszi, hogy több választással létrehozza a listaelemet. A szelektív HTML-címke szintaxisa a következő:

Itt, az opciós címke használatával megadhatja a listatagokat.

A SELECT címke attribútumai

Tekintsük a kijelölt címke attribútumait:

  • név
  • méret - a felsorolt ​​sorok száma a listában (szám);
  • többszörös - lehetővé teszi a több elem kiválasztását a legördülő listában;
  • letiltva - blokkolja az elemhez való hozzáférést;
  • űrlap - lehetővé teszi egy legördülő lista társítását egy űrlaphoz (szükség lehet rá, ha a lista maga a formanyomtatványon kívül esik). Az űrlap azonosítója argumentumként kerül átadásra.

Talán ezek mindegyike a kiválasztott címke fő jellemzői. amelyeket leggyakrabban használnak. Lássuk most, hogyan készíthetünk legördülő listát a HTML-ben a megadott attribútumokkal:

Az OPTION címke attribútumai

Az opciós címke. mint már említettük, lehetővé teszi a kiválasztott elemek gyermekelemeinek meghatározását. amely viszont konténer szerepét játssza. Az opciócímke saját tulajdonságokkal rendelkezik:

  • letiltva - tiltja a listaelem kiválasztását;
  • címke - lehetővé teszi, hogy címkét állítson be az aktuális listaelemhez (a címkén megadott szöveg helyett a címke értéke jelenik meg, amely lehetővé teszi a rövidített érték megjelenítését); Figyelem: az attribútum nem támogatott a Firefox böngészőben
  • kiválasztott - az aktuális listaelemet alapértelmezés szerint választják ki;
  • érték - a kiszolgálónak átadandó érték;

Vessünk egy pillantást az opcionális címke kiterjesztett változatára:

A példa eredménye így fog kinézni:

A "Nubex" oldalépítőben tetszőleges űrlapokat hozhat létre az űrlaptervező modulján keresztül. A "Nubex" legördülő listák munkáját az alábbi cikk írja le: Kiválasztási mező hozzáadása

Kapcsolódó cikkek