Multirange Polyfill atbalsts Dual-Handle HTML5 slīdņiem

The jauni HTML5 diapazona ievades ir fantastiski daudzumi un dinamiskas izvēles, piemēram, datumi. Bet noklusējuma diapazona slīdni neatbalsta vairākus rokturus.

Ievadiet Multirange, a izveidots, lai atbalstītu vairākus rokturus kas darbojas pareizi un atbalsta visas galvenās pārlūkprogrammas.

Tas ir bezmaksas rīks un tas nodrošina vislabāko veidu pievienot vairākus rokturus, neizmantojot spraudni. Šim polifilam ir divi resursi: a JS fails un a CSS fails. Viņi abi strādā pie diapazona ieejām un jūs varat lejupielādējiet abus no galvenās GitHub repo.

Ņemiet vērā, ka tas nozīmē, ka jums ir jāstrādā ar pārlūkprogrammām jau atbalsta diapazona ievadi pēc noklusējuma. Tas arī prasa CSS mainīgos kuras netiek atbalstītas visās pārlūkprogrammās.

Par laimi, Multirange izmanto CSS rezerves ja viena vietā tiek izmantoti divi diapazona slīdņi. Tas nav ideāls risinājums, bet tas joprojām piedāvā izmantojamu interfeisu. Plus pusi, tas darbojas tieši no kastes nav pievienotas virknes.

Tikai pievienojiet failus savai vietnei un jūs varēsiet izmantot vairāki atribūts jūsu slīdņa laukos. Jūs varat arī iestatiet ievades vērtību diapazonus ar komatu.

Lūk, a īss HTML fragments izmantojot Multirange slīdni:

Rokturi var būt velk viens otru un pat atstāti viens otram. Un diapazona ievadi joprojām atbalsta tastatūras navigāciju kas ir lieliska pieejamība.

Visi demonstrācijas un pirmkodu paraugi var atrast Multirange tīmekļa lapā, tāpēc pārbaudiet to, ja jūs kādreiz meklējat vairāku diapazonu HTML slīdni.