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 variant seznamů, které lze provést pomocí rozbalovacího seznamu vyberte značku (varianty se vynechávají po kliknutí na hlavní pole nebo ukazují na něj kurzor) a seznam více voleb - 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.

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, tedy 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 jméno stále platí.

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

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ího seznamu jinými způsoby

To lze provést pomocí CSS, například seznam se objeví, když umístíte kurzor na prvek stránky. Vynikající příležitosti pro vytváření seznamů poskytuje jаvascript, jehož práce je zjednodušena knihovnou Jquery. Rozbalovací seznam připojený pomocí této knihovny může být velmi složitý, například kaskádový. To znamená, že když vyberete položku v jednom seznamu, zobrazí se následující seznam, například položka nabídky "Dámské oblečení" (když se vznášíte druhy oblečení), pak při výběru jednoho z typů, např. "Oděvy", je vynechán seznam prvků: bundy, parky, kabáty, krátké kabáty, kožichy atd.

Povrchově jsme seznamovali s hlavními způsoby, kterými můžete vytvořit rozevírací seznam. Samozřejmě, že tam je spousta nuancí HTML, v CSS a v jazyce jаvascript, které vám umožňují měnit funkčnost a vzhled seznamů.