„Multirange Polyfill“ palaikymas dvigubos rankenos HTML5 slankmačiams

The nauji HTML5 diapazono įėjimai yra fantastiški kiekiams ir dinaminiams pasirinkimams, pvz., datoms. Bet numatytasis diapazono slankiklis nepalaiko kelių rankenų.

Įveskite Multirang, a Polifilis sukurtas siekiant palaikyti kelias rankenas tinkamai veikia ir palaiko visas pagrindines naršykles.

Tai yra nemokamas įrankis ir tai yra geriausias būdas pridėti keletą rankenų, nenaudojant papildinio. Šis užpildas turi du ištekliai: a JS failas ir a CSS failas. Jie abu veikia diapazono įėjimuose ir jūs galite atsisiųsti abu iš pagrindinio „GitHub“ repo.

Atminkite, tai reiškia, kad reikia dirbti su naršyklėmis jau palaiko diapazono įvestį pagal nutylėjimą. Taip pat reikia CSS kintamųjų kurios nepalaikomos visose naršyklėse.

Laimei, Multirange naudoja CSS atsarginę kopiją kur vietoj vieno yra naudojami dviejų diapazonų slankikliai. Tai nėra puikus sprendimas, tačiau vis dar siūlo naudingą sąsają. Pliuso pusėje tai veikia iš lauko be jokių styginių.

Tiesiog pridėti failus į savo svetainę ir galėsite naudoti daugkartinis atributas slankiklių laukuose. Tu taip pat gali nustatyti įvesties verčių intervalus su kableliu.

Štai a trumpas HTML fragmentas naudojant „Multirange“ slankiklį:

Rankenos gali būti nuvilkė vienas kitą Ir netgi paliktas vienas ant kito. Ir diapazono įvestis vis dar palaiko klaviatūros navigaciją kuri puikiai tinka prieinamumui.

Visi demos ir šaltinio kodo pavyzdžiai galima rasti „Multirange“ tinklalapyje, todėl patikrinkite, ar jūs kada nors ieškote kelių diapazonų HTML slankiklį.