Jak vytvořit rozevírací seznam ve formátu HTML

Nejjednodušší rozevíracího seznamu v HTML je snadné vytvořit pomocí tagu select. Tento kontejner tag, etikety vložené možnost v něm - to oni, kdo nastavit položky seznamu.

Existuje několik možností, seznamy, které lze provést pomocí vybrané značce: rozevíracího seznamu (možnosti padají po kliknutí na hlavním poli, nebo vznášet se nad ním), a seznam vícenásobného výběru - v něm si uživatel může vybrat více položek. První z nich je běžnější, jsou důležitou součástí moderních navigačních stránek. V rozevíracím seznamu více výběrů může být použit, například, v adresářích, kde chcete vybrat několik vlastností výrobků.

Změnit vzhled a vlastnosti seznamů, můžete použít univerzální i speciální atributy.

zvolte atributy značky

1. Multiple - určuje více možností.

2. Velikost - určuje počet viditelných řádků v seznamu, to je výška. A pak to vše závisí na, multiple atribut je přítomen nebo ne. Pokud tomu tak je, a nezadáte postel, pak za přítomnosti roztroušené uživatel uvidí všechny své možnosti, ale pokud násobek chybí, je prokázáno, že je pouze jeden řádek, a jiný uživatel bude moci přečíst, když klikněte na ikonu výtahu na pravé straně. Je-li výška velikosti uvedeno, a to je méně než počet opcí na zobrazeném bar pravém svitku.

3. Name - název. Rozevírací seznam lze provést bez něj, ale to může být nutné komunikovat s programem-psovoda na serveru. Je pravidlem, že jméno je ještě uvedeno.

Select tag nemá požadované vlastnosti na rozdíl od voleb značce.

Atributy připojen opční tag

1. Vybráno - navržen tak, aby zvýraznění položky seznamu. Uživatel může přidělit více než jednu položku, pokud nastavíte více atribut (viz. Výše).
2. Value - hodnota. Tento atribut je povinný. Webový server musí pochopit, co přesně položky seznamu vybral uživatel.
3. Label. Na velmi dlouhý seznam prvků může být snížen použitím tohoto atributu. Například, na obrazovce se zobrazí „Milan“, namísto volby tag „Milán - administrativní centrum Lombardie. Severní Itálii. " Tento atribut se používá také k seskupení položek v seznamu.

Co se týče šířky seznamu, použije se výchozí hodnota délce nejširšího textu v seznamu. Samozřejmě, že šířka je možné měnit pomocí stylů HTML.

Drop-down list jinými způsoby

To lze provést pomocí CSS, například, bude seznam zobrazí, když najedete na položku stránky. Vynikající možnosti pro vytváření seznamů dává JavaScript, což usnadňuje práci jQuery knihovnu. Rozevírací seznam, který je spojen s touto knihovnou, může být velmi složité, jako je například kaskáda. To znamená, že když vyberete položku v seznamu objeví následující seznam, například, tam je nabídka „dámské oblečení“ (když podržíte předčasného druhy oblečení), pak, když jeden z druhů, například „topy“ drop-down list s prvky: bundy, parky, pláště, kabáty a tak dále. n.

Máme uvedeny hlavní povrchní způsoby, kterými si můžete vytvořit rozevírací seznam. Samozřejmě, existuje mnoho nuancí v HTML, v CSS a JavaScriptu, které umožňují měnit funkčnost a vzhled zobrazení seznamů.