תמיכה במולטי-מיליארדי לתמיכה כפולה ב- HTML5 Sliders

ה חדש HTML5 תשומות טווח הם פנטסטיים עבור כמויות ודינמי בחירות כמו תאריכים. אבל המחוון טווח ברירת המחדל אינו תומך במספר ידיות.

להיכנס מרובה, א polyfill נוצר כדי לתמוך במספר ידיות כי לתפקד כראוי ולתמוך בכל הדפדפנים העיקריים.

זה כלי חינם והוא מספק את הדרך הטובה ביותר הוסף מספר ידיות מקורי, ללא צורך בפלאגין. זה polyfill יש שני משאבים: א קובץ JS א קובץ CSS. הם שניהם עובדים על תשומות טווח ואתה יכול להוריד את שניהם מן ריפו GitHub הראשי.

הערה זה אומר שאתה צריך לעבוד עם דפדפנים כי כבר תמיכה קלט קלט כברירת מחדל. זה גם דורש משתני CSS אשר אינם נתמכים בכל הדפדפנים.

תודה לאל, Multirange משתמש ב- CSS חזרה שבו שני מחוונים טווח משמשים במקום אחד. זה לא פתרון מושלם אבל זה עדיין מציע ממשק שמיש. בצד החיובי, זה עובד נכון מהקופסה ללא חיבורים.

רק הוסף את הקבצים לאתר שלך ואתה תוכל להשתמש ב מרובים תכונה על שדות המחוון שלך. אתה יכול גם להגדיר טווחים עבור ערכי קלט עם פסיק.

הנה קטע קצר של HTML באמצעות המחוון Multirange:

ידיות יכול להיות גררו זה את זה ואפילו נותרו זה על גבי זה. ואת קלט טווח עדיין תומך בניווט מקלדת וזה נהדר עבור נגישות.

כל ה הדגמות ו דוגמאות קוד המקור ניתן למצוא בדף האינטרנט Multirange, כדי לבדוק את זה אם אתה אי פעם מחפש מחוון HTML רב-תחומי.