Skip to content

Formular-Bedienelemente

Eingabefelder

Bibliotheken zur Erstellung von Eingabe-Bedienelementen

  • typeahead.js - Eine schnelle und funktionsreiche Autocomplete-Bibliothek.
  • tag-it - jQuery UI-Plugin zur Verwaltung von Multi-Tag-Feldern mit Tag-Vorschlägen/Autocomplete.
  • At.js - Fügt GitHub-ähnliche @-Erwähnungen mit Autocomplete zu Ihrer Anwendung hinzu.
  • Placeholders.js - JavaScript-Polyfill für das HTML5-Placeholder-Attribut.
  • fancyInput - Bereichert Eingabefelder mit CSS3-Effekten während der Eingabe.
  • jQuery-Tags-Input - Transformiert Textfelder in ansprechende Tag-Listen.
  • vanilla-masker - Rein JavaScript-basierte Maskierungseingaben.
  • Ion.CheckRadio - jQuery-Plugin zur optischen Anpassung von Checkboxen und Radio-Buttons inkl. Skin-Unterstützung.
  • awesomplete - Ultra-leichtgewichtige, benutzerfreundliche Autocomplete-Lösung ohne Abhängigkeiten.
  • cleave.js - Formatiert Eingabetext während der Eingabe.
  • vanilla-text-mask - Eingabemaske für React, Angular, Ember, Vue und Vanilla JavaScript.
  • input-mask - JavaScript-Bibliothek zur erweiterten Eingabemaskensteuerung.
  • searchbox - Sofortige visuelle Suche.

Kalender

Bibliotheken für Datums-/Zeiteingaben

  • pickadate.js - Mobile-freundlicher, responsiver und leichtgewichtiger jQuery-Datums-/Zeit-Auswähler.
  • bootstrap-datepicker - Datumsauswahl-Tool für Twitter Bootstrap (@twbs).
  • Pikaday - Moderner JavaScript-Datumsauswähler: leichtgewichtige, dependency-freie Lösung mit modular CSS.
  • fullcalendar - Vollformat-Kalender mit Drag-and-Drop-Funktionalität für Termine.
  • rome - Anpassbarer Datums- und Zeit-Auswähler. Ohne Abhängigkeiten, mit opt-in UI.
  • Date Range Picker - JavaScript-Komponente zur Auswahl von Datumsbereichen, Einzeldaten und Zeiten.
  • Duet Date Picker - Barrierefreier Datumsauswähler aus dem Duet Design System (Open Source).
  • tui.calendar - Umfassender JavaScript-Kalender mit voller Funktionsausstattung.
  • vanilla-calendar - Vielseitiger JavaScript-Kalender mit TypeScript-Unterstützung, Mehrsprachenfähigkeit, Themes und Dark Mode.

Auswahlfelder

  • selectize.js - Hybrid aus Textfeld und <select>-Element mit Autocomplete und intuitiver Tastatursteuerung (ideal für Tags, Kontaktlisten).
  • select2 - jQuery-basierter Ersatz für Select-Boxen mit Suchfunktion, externen Datenquellen und Endlos-Scrolling.
  • chosen - Optimiert lange, unhandliche Select-Boxen für bessere Nutzererfahrung.

Datei-Upload

  • jQuery-File-Upload - Upload-Widget mit Mehrfachauswahl, Drag-and-Drop, Fortschrittsbalken und Medienvorschau.
  • dropzone - Einfache Drag-and-Drop-Upload-Lösung mit Bildvorschau und Fortschrittsanzeige.
  • flow.js - Ermöglicht gleichzeitige, stabile und wiederaufnehmbare Uploads via HTML5 File API.
  • fine-uploader - Mehrfach-Uploads mit Fortschrittsbalken, Drag-and-Drop und Direktupload zu S3.
  • FileAPI - JavaScript-Toolset für Dateioperationen: Multi-Upload, Drag-and-Drop, Bildbearbeitung (Zuschneiden, Skalieren, EXIF-Orientierung).
  • plupload - JavaScript-API für Uploads mit Mehrfachauswahl, Dateitypfilterung und clientseitiger Bildverarbeitung (HTML5/Flash/Silverlight).
  • filepond - Flexibles JavaScript-Dateiupload-Tool mit Spaßfaktor.
  • uppy - Innovativer Open-Source-Dateiuploader für Webbrowser.

Sonstiges

  • form - jQuery-Formular-Plugin.
  • Garlic.js - Speichert Formulareingaben lokal bis zum Absenden.
  • Countable - Zeichen-, Wort- und Absatzzählung für HTML-Elemente in Echtzeit.
  • card - Verbessert Kreditkartenformulare mit einer Codezeile.
  • stretchy - Automatische Größenanpassung von Formularelementen mithilfe von CSS3-Effekten.
  • analytics - Leichtgewichtige Analyselibrary für Seitenaufrufe, Events und Nutzeridentifikation mit Anbieterflexibilität.
  • dat.GUI - Minimalistische GUI zur Variablensteuerung in JavaScript.