Chosen macht lange Auswahlfelder benutzbar
Zusammenfassung
Harvest veröffentlicht Chosen, das gewöhnliche HTML-Auswahlfelder um Suche, Mehrfachauswahl und eine kompaktere Darstellung erweitert.
Ideen
- Die Komponente baut auf vorhandenen select-Elementen statt auf einem proprietären Datenmodell auf.
- Sofortige Suche verkürzt die Navigation in langen Optionslisten.
- Mehrfachwerte erscheinen als einzeln entfernbare Elemente innerhalb desselben Feldes.
Einsichten
- Progressive Verbesserung bewahrt eine einfache semantische Basis unter einer reicheren Oberfläche.
- Ein kleines UI-Werkzeug wird Infrastruktur, sobald viele Anwendungen seine Bedienannahmen übernehmen.
Fakten
- Der Originalbeitrag wurde am 22. Juli 2011 auf HN aufgegriffen.
- Die Auswahl vertritt den Monat 07/2011.
- Der verlinkte Originalbeitrag ist weiterhin unmittelbar erreichbar.
Empfehlungen
- Prüfe Tastaturbedienung, Screenreader und mobile Darstellung vor dem Einsatz.
- Verwende serverseitig weiterhin dieselbe Validierung wie bei einem normalen select-Feld.
Referenzen
Der Link zur Originalquelle öffnet einen neuen Tab.