Multirange Polyfill támogatás a Dual-Handle HTML5 csúszkákhoz

A új HTML5 tartományú bemenetek fantasztikusak a mennyiségekre és a dinamikus kiválasztásokra, mint például a dátumok. De az alapértelmezett tartomány csúszka nem támogatja több fogantyút.

Belép Multirange, egy a több fogantyú támogatásához létrehozott polifillet megfelelően működik, és támogatja az összes fontosabb böngészőt.

Ez egy ingyenes eszköz és ez a legjobb módja hozzáadhat több fogantyút natívan, bővítmény használata nélkül. Ez a polipillantó van két erőforrás: a JS fájl és a CSS fájl. Ők mind a tartományi bemeneteken dolgoznak és te tudod töltse le mindkettőt a fő GitHub repóból.

Ne feledje, ez azt jelenti, hogy a böngészőkkel kell dolgozni már támogatja a tartománybevitelt alapértelmezés szerint. Az is CSS változókat igényel amelyek nem támogatottak minden böngészőben.

Szerencsére, Multirange CSS-tartalékot használ ahol két tartományú csúszkákat használnak egy helyett. Ez nem tökéletes megoldás, de még mindig használható felületet kínál. A plusz oldalon ez működik a dobozból nincsenek húrok.

Éppen adja hozzá a fájlokat a webhelyéhez és képes leszel használja a többszörös tulajdonság a csúszka mezőkön. Te is a bemeneti értékek tartományainak beállítása vesszővel.

Itt van egy rövid HTML-részlet a Multirange csúszka használatával:

A fogantyúk lehetnek elhúzta egymást sőt még egymás tetején maradt. És a tartomány még mindig bemeneti támogatja a billentyűzet navigációját ami nagyszerű a hozzáférhetőség szempontjából.

Mind a demók és forráskód minták megtalálható a Multirange weboldalon, ezért nézd meg, ha valaha keresel több tartományú HTML csúszka.