Multirange Polyfill поддръжка за HTML5 плъзгачи с две дръжки

Най- нови входове за диапазон HTML5 са фантастични за количества и динамични селекции като дати. Но плъзгача по подразбиране не поддържа множество дръжки.

Въведете Multirange, а polyfill създаден, за да поддържа множество дръжки които функционират правилно и поддържат всички основни браузъри.

Това е безплатен инструмент и осигурява най-добрия начин добавете няколко дръжки поначало, без да използвате приставка. Този полифилд има два ресурса: a JS файл и a CSS файл. Те и двете работят на входовете с обхват и можете изтеглете и двете от главното репо GitHub.

Забележете, че това означава, че трябва да работите с браузъри, които вече поддържат входния обхват по подразбиране. То също изисква CSS променливи които не се поддържат във всички браузъри.

За щастие, Multirange използва резервен CSS където се използват два плъзгача за диапазон вместо един. Това не е идеално решение, но все още предлага използваем интерфейс. От плюс страна, това работи направо от кутията без никакви струни.

Просто добавете файловете към сайта си и ще можете да го направите използвай многократни атрибут на полетата с плъзгача. Можете също задаване на диапазони за входни стойности със запетая.

Ето едно кратък фрагмент от HTML с помощта на плъзгача Multirange:

Дръжките могат да бъдат влачеха един след друг и дори оставени един върху друг. И въвеждането на обхвата все още поддържа клавиатурна навигация което е чудесно за достъпност.

Всички демонстрации и проби от изходния код може да се намери на уеб страницата Multirange, така че проверете дали някога търсите мулти-диапазон HTML плъзгач.