Formulare — Components
13 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.
Auswahl-Karten (Choicebox)
Radio- oder Mehrfachauswahl als Karten mit Titel, Beschreibung, optionalem Icon und Badge — Tastatur-fähig, emittiert selection
Code-Eingabe
Verifizierungs-Code-Eingabe (4/6/8 Stellen): Einzelzellen mit Auto-Weiterspringen, Backspace zurück, Einfügen verteilt — der Wert landet gesammelt in einem versteckten Feld
Combobox (Select mit Suche)
Einzelauswahl mit Suchfilter und Options-Panel: Tastatur-Navigation (Pfeile/Enter), Escape/Außenklick schließen, optionale Beschreibungen pro Option
Datei-Upload (Dropzone)
Upload-Zone (Untitled-UI-Muster): Klick oder Drag-and-Drop, Dateiliste mit Größe und Entfernen — Prototyp ohne Server-Upload, emittet dateien
Datumswahl (Date Picker)
Datums-Eingabe mit Popover-Kalender (Monatsraster, Vor/Zurück, Heute markiert, Mo-So) — progressive: Textfeld TT.MM.JJJJ funktioniert ohne JS, emittet change
Eingabegruppe
Eingabefeld mit Prefix-/Suffix-Addons im gemeinsamen Rahmen (€-Zeichen, Einheiten, Icons) — der Bootstrap-input-group-Fall für Preis- und Einheitenfelder
Feldgruppe
Formular-Gruppierung (fieldset/legend): fasst zusammengehörige Felder mit Überschrift und optionalem Hinweis zusammen — disabled deaktiviert alle Kinder nativ
Filterleiste
Filter-Bar über Tabellen/Listen: Suchfeld + Filter-Buttons mit Options-Panels + Zurücksetzen — Controller pflegt aktive Filter, emittet filter
Formular
Sammelt Eingabe-Bausteine und schickt sie an einen BENANNTEN Vorgang (kernel/operations.php). Kein Ziel, keine URL im Seiten-JSON — nur ein Name, der in der Weissliste stehen muss.
Mehrfach-Select
Multi-Select mit Chips im Feld, Suchfilter und Options-Panel (Untitled-UI-Muster) — Controller pflegt Auswahl, Escape/Außenklick schließen, emittet auswahl
Segment-Schalter
Umschalter aus verbundenen Segmenten (genau eine Auswahl) — für Ansichts-/Modus-Wechsel; als Formularwert über das name-Feld, Tastatur mit Pfeiltasten
Tag-Eingabe
Freie Schlagwort-Eingabe: Enter/Komma legt einen Chip an, Backspace im leeren Feld entfernt den letzten, optionale Vorschlagsliste — emittiert tags
Text-Editor (Eingabe)
Rich-Text-EINGABE mit Werkzeugleiste (fett, kursiv, unterstrichen, Überschrift, Listen, Zitat, Code, Link) — erzeugt genau das HTML, das der Sanitizer erlaubt; Gegenstück zur Anzeige ui.richtext