Ako vytvoriť rozbaľovací zoznam vo formáte HTML

Najjednoduchšie rozbaľovacieho zoznamu v HTML je ľahké vytvoriť pomocou tagu select. Tento kontajner tag, etikety vložené možnosť v ňom - to oni, kto nastaviť položky zoznamu.

Existuje niekoľko možností, zoznamy, ktoré možno vykonať pomocou vybranej značke: otváracieho zoznamu (možnosti padajú po kliknutí na hlavnom poli, alebo vznášať sa nad ním), a zoznam viacnásobného výberu - v ňom si užívateľ môže vybrať viac položiek. Prvý z nich je bežnejšie, sú dôležitou súčasťou moderných navigačných stránok. V rozbaľovacom zozname viac výberov môže byť použitý, napríklad, v adresároch, kde chcete vybrať niekoľko vlastností výrobkov.

Zmeniť vzhľad a vlastnosti zoznamov, môžete použiť univerzálne aj špeciálne atribúty.

zvoľte atribúty značky

1. Multiple - určuje viac možností.

2. Veľkosť - určuje počet viditeľných riadkov v zozname, to je výška. A potom to všetko závisí na, multiple atribút je prítomný alebo nie. Ak tomu tak je, a nezadáte posteľ, potom za prítomnosti roztrúsenej užívateľ uvidí všetky svoje možnosti, ale ak násobok chýba, je preukázané, že je len jeden riadok, a iný užívateľ bude môcť prečítať, keď kliknite na ikonu výťahu na pravej strane. Ak je výška veľkosti uvedené, a to je menej ako počet opcií na zobrazenom bar pravom zvitku.

3. Name - názov. Rozbaľovací zoznam možno vykonať bez neho, ale to môže byť nutné komunikovať s programom-psovoda na serveri. Je pravidlom, že meno je ešte uvedené.

Select tag nemá požadované vlastnosti na rozdiel od volieb značke.

Atribúty pripojený opčné tag

1. Vybraných - navrhnutý tak, aby zvýraznenie položky zoznamu. Užívateľ môže prideliť viac ako jednu položku, ak nastavíte viac atribút (viď. Výška).
2. Value - hodnota. Tento atribút je povinný. Webový server musí pochopiť, čo presne položky zoznamu vybral používateľ.
3. Label. Na veľmi dlhý zoznam prvkov môže byť znížený použitím tohto atribútu. Napríklad, na obrazovke sa zobrazí "Milan", namiesto voľby tag "Miláno - administratívne centrum Lombardie. Severnom Taliansku. " Tento atribút sa používa aj na zoskupenie položiek v zozname.

Čo sa týka šírky zoznamu, použije sa predvolená hodnota dĺžke najširšieho textu v zozname. Samozrejme, že šírka je možné meniť pomocou štýlov HTML.

Drop-down list inými spôsobmi

To možno vykonať pomocou CSS, napríklad, bude zoznam zobrazí, keď nabehnete na položku stránky. Vynikajúce možnosti pre vytváranie zoznamov dáva JavaScript, čo uľahčuje prácu jQuery knižnicu. Rozbaľovací zoznam, ktorý je spojený s touto knižnicou, môže byť veľmi zložité, ako je napríklad kaskáda. To znamená, že keď vyberiete položku v zozname objavia nasledujúci zoznam, napríklad, tam je ponuka "dámske oblečenie" (keď podržíte predčasného druhy oblečenia), potom, keď jeden z druhov, napríklad "topy" drop-down list s prvkami: bundy, parky, plášte, kabáty a tak ďalej. n.

Máme uvedené hlavné povrchné spôsoby, ktorými si môžete vytvoriť rozbaľovací zoznam. Samozrejme, existuje mnoho nuáns v HTML, v CSS a JavaScriptu, ktoré umožňujú meniť funkčnosť a vzhľad zobrazenie zoznamov.