Webflow Formular mit dynamischem Eingabefeld – kostenloses Cloneable
Füge deinem Formular ein automatisch eingeblendetes Input-Feld für „Sonstiges“ hinzu. Ideal für Projektanfragen, Feedback-Formulare & mehr – inklusive YouTube-Tutorial.
Dynamisches Input Feld
Dieses dynamische Formular zeigt dir, wie du in Webflow ein Eingabefeld anzeigen kannst, wenn ein bestimmter Radio-Button („Sonstiges“) ausgewählt wird.
- 1Wähle eine Leistung
Wähle eine der vorgegebenen Optionen – oder „Sonstiges“, wenn dein Anliegen nicht dabei ist.
- 2Bei „Sonstiges“ erscheint ein zusätzliches Feld
Wird „Sonstiges“ gewählt, öffnet sich automatisch ein weiteres Eingabefeld zur genaueren Beschreibung.
- 3Der Absenden-Button ist nur aktiv, wenn alles korrekt ausgefüllt ist
Alle Pflichtfelder müssen ausgefüllt sein, damit du das Formular abschicken kannst.
otherFieldInputId:
→ Die ID des Eingabefelds, das eingeblendet werden soll
otherFieldWrapperClass:
→ Die Klasse des Wrappers (z. B. div) um dieses Feld – wird per display: none versteckt/angezeigt
radioGroupName:
→ Der name-Wert der Radio-Buttons
showFieldWhenValueIs:
→ Der value des Radio-Buttons, bei dem das Eingabefeld erscheinen soll
formSelector:
→ CSS-Selector deines Formulars (Standard: "form")