Podpora viacfarebného polyfiltru pre dvojité rukoväte HTML5

nové vstupy rozsahu HTML5 sú fantastické pre množstvá a dynamické výbery, ako sú dátumy. Predvolený rozsah posúvača nepodporuje viacero úchytov.

vstúpiť navýšenie, polyfill vytvorený na podporu viacerých rukovätí ktoré fungujú správne a podporujú všetky hlavné prehliadače.

Toto je bezplatný nástroj a poskytuje najlepší spôsob pridajte viacero rukovätí natívne, bez použitia doplnku. Tento polyfill má dva zdroje: a JS súbor a a CSS súboru. oni obe pracujú na vstupoch rozsahu a môžete stiahnite oba z hlavného repo GitHub.

Toto znamená, že musíte pracovať s prehliadačmi už podporujú rozsah vstupu predvolene. To tiež vyžaduje premenné CSS ktoré nie sú podporované vo všetkých prehliadačoch.

Našťastie Multirange používa záchranu služby CSS kde sa používajú dva posúvače rozsahu namiesto jedného. Toto nie je dokonalé riešenie, ale stále ponúka využiteľné rozhranie. Na strane plus, toto pracuje priamo z krabice bez pripojených strún.

proste pridajte súbory na svoje stránky a budete môcť Použi násobok atribút na posuvných poliach. Môžete tiež nastavte rozsahy vstupných hodnôt s čiarkou.

Tu je a krátky úryvok kódu HTML pomocou posúvača Multirange:

Rukoväte môžu byť pretiahli za sebou a dokonca vľavo na seba. Vstup do dosahu stále podporuje navigáciu pomocou klávesnice čo je skvelé pre prístupnosť.

Všetko ukážky a vzorky zdrojového kódu môžete nájsť na webovej stránke Multirange, a preto si ju prečítajte, ak ste niekedy hľadali viacjazyčný posuvník HTML.