Podpora Multirange Polyfill pro dvojité ovladače HTML5

vstupy HTML5 jsou fantastické pro množství a dynamické výběry jako data. Ale výchozí posuvník rozsahu nepodporuje více úchytek.

Zadejte Multirange, A polyfill vytvořený pro podporu více úchytů fungují správně a podporují všechny hlavní prohlížeče.

Toto je bezplatný nástroj a poskytuje nejlepší způsob nativně přidejte více úchytek, bez použití pluginu. Tento polyfill má dva zdroje: a Soubor JS a Soubor CSS. oni obě pracují na vstupech rozsahu a ty můžeš stáhnout oba z nich z hlavního repo GitHub.

To znamená, že musíte pracovat s prohlížeči již podporují vstup rozsahu ve výchozím stavu. To také vyžaduje proměnné CSS které nejsou podporovány ve všech prohlížečích.

Naštěstí Multirange používá záložní CSS kde se místo jednoho používají dva rozsahové jezdce. Toto není dokonalé řešení, ale stále nabízí použitelné rozhraní. Na straně plus funguje hned po vybalení z krabice bez připojených řetězců.

Prostě přidejte soubory na vaše stránky a budete moci používat násobek atribut na polích jezdce. Můžete také nastavte rozsahy vstupních hodnot čárkou.

Tady je krátký úryvek HTML pomocí posuvníku Multirange:

Rukojeti mohou být přetáhli jeden za druhým a dokonce na sobě. A rozsah vstupu stále podporuje navigaci klávesnicí což je skvělé pro dostupnost.

Všechno dema a ukázky zdrojového kódu lze nalézt na webové stránce Multirange, takže se podívejte, jestli jste někdy hledali víceúrovňový posuvník HTML.