Multirange Polyfill podrška za HTML5 klizače s dvije ručke

novi inputi raspona HTML5 su fantastični za količine i dinamičke odabire poput datuma. Ali zadani klizač raspona ne podržava više ručki.

Unesi s više mjernih područja, polyfill stvoren za podršku više ručki koji funkcioniraju ispravno i podržavaju sve glavne preglednike.

Ovo je besplatni alat i pruža najbolji način dodajte više ručnih alata, bez upotrebe dodatka. Ovaj polifil ima dva resursa: a JS datoteka i a CSS datoteka. Oni oba rade na ulazima za domet i možete preuzmite oboje iz glavnog GitHub repoa.

To znači da trebate raditi s preglednicima već podržavaju unos raspona prema zadanim postavkama. Također zahtijeva CSS varijable koji nisu podržani u svim preglednicima.

Srećom, Multirange koristi zamjenski CSS gdje se koriste dva klizača raspona umjesto jednog. Ovo nije savršeno rješenje, ali još uvijek nudi korisno sučelje. Na plus strani, ovo radi izravno iz kutije bez uvjeta.

Samo dodajte datoteke na svoju web-lokaciju i moći ćete koristiti višekratnik atribut na poljima klizača. Također možete postavite raspone ulaznih vrijednosti sa zarezom.

Evo jednog kratak isječak HTML-a pomoću klizača Multirange:

Ručke mogu biti povukli su se jedan pored drugoga pa čak i lijevo jedan na drugi. I unos raspona i dalje podržava navigaciju pomoću tipkovnice što je izvrsno za pristupačnost.

Svi demos i uzorci izvornog koda možete pronaći na web stranici Multirange, pa provjerite ako ikada tražite višestruki HTML klizač.