Multirange Polyfill podpora za drsne drsnike HTML5

The nove vnose v obsegu HTML5 so fantastični za količine in dinamične izbire, kot so datumi. Toda privzeti drsnik razpona ne podpira več ročajev.

Vnesite Multirange, a polyfill, izdelan za podporo več ročajev ki delujejo pravilno in podpirajo vse glavne brskalnike.

To je a brezplačno orodje in zagotavlja najboljši način dodajte več ročk, brez vtičnika. Ta polifill ima dva vira: a Datoteka JS in a CSS datoteka. Oni obe delujeta na vhodih za območje in lahko prenesite oba iz glavnega repozitorija GitHub.

Upoštevajte, da to pomeni, da morate delati z brskalniki že podpirajo vnos obsega privzeto. Tudi zahteva spremenljivke CSS ki niso podprte v vseh brskalnikih.

Na srečo, Multirange uporablja zamenjavo CSS kjer se namesto enega uporabita dva drsnika za območje. To ni popolna rešitev, vendar še vedno ponuja uporaben vmesnik. Na plus strani, to deluje takoj brez pritrditve.

Samo dodajte datoteke na svoje spletno mesto in boste lahko uporabi večkraten atribut na poljih. Lahko tudi nastavite območja za vhodne vrednosti z vejico.

Tukaj je a kratek odrezek HTML-ja z uporabo drsnika Multirange:

Ročaji so lahko vlekli mimo drug drugega in celo levo drug na drugega. In vhodni obseg še vedno podpira navigacijo s tipkovnico kar je odlično za dostopnost.

Vse demos in vzorci izvorne kode lahko najdete na spletni strani Multirange, zato preverite, če iščete HTML drsnik z več območji.