Mitmeosaline polüfillitoetus kahekäepide HTML5 liuguritele

The uued HTML5 vahemiku sisendid on suured kogused ja dünaamilised valikud nagu kuupäevad. Kuid vaikepiirkonna liugur ei toeta mitut käepidet.

Sisenema Multirange, a polüfill on loodud mitme käepideme toetamiseks mis toimivad korralikult ja toetavad kõiki peamisi brausereid.

See on tasuta tööriist ja see annab parima võimaluse lisada mitu käepidet sisuliselt, ilma pistikprogrammi kasutamata. See on polüfill kaks ressurssi: a JS-fail ja a CSS-fail. Nad mõlemad töötavad vahemikusisenditel ja saate alla laadida mõlemad peamisest GitHub repost.

Pange tähele, et see tähendab, et peate töötama brauseritega juba toetab vahemiku sisendit vaikimisi. See samuti nõuab CSS-i muutujaid mida kõik brauserid ei toeta.

Õnneks Multirange kasutab CSS varu kus ühe asemel kasutatakse kahte liugurit. See ei ole täiuslik lahendus, kuid pakub endiselt kasutatavat liidest. Plusspoolel on see töötab otse karbist välja ilma stringideta.

Lihtsalt lisage failid saidile ja saate kasuta mitu atribuut teie liuguriväljadel. Sa saad ka seadistage sisendväärtuste vahemikud komaga.

Siin on a lühike HTML-fragment kasutades Multirange liugurit:

Käepidemed võivad olla lohistasid üksteist mööda ja isegi üksteise peale. Ja vahemiku sisend veel toetab klaviatuuri navigeerimist mis on suurepärane juurdepääsuks.

Kõik demod ja lähtekoodi proovid võib leida Multirange veebilehelt, nii et vaadake seda, kui otsite kunagi a mitme vahemikuga HTML-liugur.