/ / Jak vytvořit rozevírací seznam v HTML

Jak vytvořit rozevírací seznam v HTML

Nejjednodušší rozevírací seznam v HTML je snadné vytvořit pomocí tagu select. Jedná se o značku kontejneru, do ní jsou vloženy značky možností - zadávají položky seznamu.

Existuje několik možností pro seznamy, které můžetepomocí výběrového štítku: rozbalovací seznam (možnosti vynechávají po kliknutí na hlavní pole nebo ukazují na něj kurzor) a seznam s více volbami - v něm může uživatel vybrat několik položek. První jsou častější, jsou důležitým prvkem navigace moderních lokalit. Rozbalovací seznam více výběrů lze použít například v adresářích, kde je třeba vybrat několik vlastností produktu.

rozbalovací seznam

Vzhled a vlastnosti seznamů můžete změnit pomocí univerzálních a speciálních atributů.

Atributy vybrané značky

1. Vícenásobné - nastavuje vícenásobné volby.

2.Velikost - určuje počet viditelných čar v seznamu, tj. Výšku. A pak vše závisí na tom, zda je atribut vícenásobný nebo ne. Pokud ano, a neurčíte velikost, pak uvidíte všechny možnosti, ale v případě nepřítomnosti více, bude zobrazen pouze jeden řádek a zbytek návštěvníka bude schopen číst, když stiskne ikonu výtahu na pravé straně. Je-li zadána výška velikosti a je menší než počet možností, na pravé straně se objeví posuvník.

3. Název je název. Rozbalovací seznam může bez něj, ale může být nutné komunikovat s psovodem na serveru. Znamená to, že název stále platí.

Vybraná značka nemá na rozdíl od značky možností povinné atributy.

html rozevíracího seznamu

Atributy značky vnořené možnosti

  1. Vybraná - slouží k zvýraznění položky seznamu. Uživatel může vybrat více než jednu položku, pokud je zadán atribut více (viz výše).
  2. Hodnota je hodnota. Tento atribut je vyžadován. Webový server musí pochopit, které položky uživatel zvolil.
  3. Označení.Pomocí tohoto atributu můžete zkrátit položky seznamu, které jsou příliš dlouhé. Například na obrazovce se zobrazí "Milán" namísto "Milan - správní centrum Lombardie", které je uvedeno ve značce. Severní Itálie ". Tento atribut se také používá k seskupení položek v seznamu.

Pokud jde o šířku seznamu, je nastavena ve výchozím nastavení podle délky nejširšího textu v seznamu. Šířka lze samozřejmě změnit pomocí stylů HTML.

Rozevírací seznam jinými způsoby.

Lze to provést například pomocí CSS,seznam se zobrazí, když umístíte kurzor na prvek stránky. Javascript poskytuje skvělý způsob vytváření seznamů a knihovna Jquery to usnadňuje. Rozevírací seznam připojený pomocí této knihovny může být velmi složitý, například kaskádování. To znamená, že když vyberete položku v jednom seznamu, zobrazí se následující seznam, například, existuje položka nabídky „Dámské oblečení“ (typy oblečení vypadnou, když se vznášíte), pak když vyberete jeden z typů, například „Outerwear“, zobrazí se seznam s položkami: bundy, parky, kabáty, krátké kabáty, kožešiny atd.

rozevírací seznam jquery

Povrchně jsme uvedli hlavní metodynápovědu, kterou můžete vytvořit rozevírací seznam. V HTML, CSS a JavaScriptu je samozřejmě spousta odstínů, které vám umožňují změnit funkčnost a vzhled seznamů.