Felder

Der Formular-Builder bietet 11 verschiedene Feldtypen, organisiert in drei Kategorien. Jedes Feld kann individuell konfiguriert und validiert werden.

Feld-Kategorien

Die Felder sind in drei Kategorien unterteilt:

Text-Eingabe

Felder fur Texteingaben:

• Text (einzeilig)
• E-Mail
• Telefon
• Passwort
• Textbereich (mehrzeilig)

Auswahl

Felder fur Auswahloptionen:

• Dropdown
• Checkbox
• Radio-Buttons
• Datum

Weitere

Spezielle Feldtypen:

• Zahl
• Datei-Upload

---

Text-Eingabe

Text

Einzeilig

Das Standard-Textfeld fur kurze Eingaben wie Name, Betreff oder Adresse.

Eigenschaft	Beschreibung
Typ	Einzeiliges Textfeld
Tastatur	Standard-Tastatur
Validierung	Lange, Regex

Typische Verwendung:

• Vorname / Nachname
• Firmenname
• Betreff
• Adresse

Einstellungen:

Einstellung	Beschreibung
Label	Feldbezeichnung (z.B. “Vorname”)
Platzhalter	Hinweistext im leeren Feld
Hilfetext	Zusatzliche Information
Pflichtfeld	Muss ausgefullt werden
Mindestlange	Minimale Zeichenanzahl
Maximallange	Maximale Zeichenanzahl

---

E-Mail

Validiert

Spezielles Textfeld fur E-Mail-Adressen mit automatischer Validierung.

Eigenschaft	Beschreibung
Typ	E-Mail-Eingabe
Tastatur	E-Mail-Tastatur (mit @)
Validierung	Automatische E-Mail-Format-Prufung

Automatische Validierung:

• Pruft auf gultige E-Mail-Struktur
• Erfordert @ und Domain
• Zeigt Fehler bei ungultigem Format

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “E-Mail-Adresse”
Platzhalter	z.B. “ihre.email@beispiel.de”
Pflichtfeld	Muss ausgefullt werden

E-Mail-Tastatur

Auf Mobilgeraten offnet sich automatisch eine Tastatur mit @ und .com Shortcuts.

---

Telefon

Numerisch

Textfeld fur Telefonnummern mit numerischer Tastatur.

Eigenschaft	Beschreibung
Typ	Telefonnummer
Tastatur	Numerische Tastatur
Validierung	Optionale Telefon-Validierung

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Telefon” oder “Mobilnummer”
Platzhalter	z.B. “+49 123 456789”
Validierung	Telefonnummer-Format prufen

---

Passwort

Sicher

Verschleiertes Textfeld fur Passworter mit Toggle zum Anzeigen.

Eigenschaft	Beschreibung
Typ	Passwort-Eingabe
Anzeige	Text ist verschleiert (Punkte)
Toggle	Button zum Ein-/Ausblenden

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Passwort”
Text verschleiern	Aktiviert/deaktiviert Verschleierung
Passwort ein/ausblenden	Zeigt Toggle-Button
Mindestlange	Fur Passwortsicherheit

Sicherheit

Passworter werden nur lokal verarbeitet. Fur echte Login-Systeme nutze die Firebase-Authentifizierung.

---

Textbereich

Mehrzeilig

Mehrzeiliges Textfeld fur langere Eingaben wie Nachrichten oder Beschreibungen.

Eigenschaft	Beschreibung
Typ	Mehrzeiliges Textfeld
Zeilen	Konfigurierbar (2-10)
Scrollbar	Bei viel Text

Typische Verwendung:

• Nachrichten
• Beschreibungen
• Kommentare
• Anmerkungen

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Ihre Nachricht”
Platzhalter	z.B. “Schreiben Sie uns…”
Maximale Zeilen	Hohe des Feldes (2-10)
Maximallange	Zeichenbegrenzung

---

Auswahl-Felder

Dropdown

Einzelauswahl

Auswahlliste mit einer Option - platzsparend und ubersichtlich.

Eigenschaft	Beschreibung
Typ	Dropdown-Menu
Auswahl	Genau eine Option
Optionen	Beliebig viele

Typische Verwendung:

• Anrede (Herr/Frau/Divers)
• Kategorie-Auswahl
• Lander-Auswahl
• Abteilung

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Anrede”
Optionen	Liste der Auswahlmoglichkeiten
Platzhalter	z.B. “Bitte wahlen…”

Optionen verwalten:

1. Offne die Feld-Einstellungen
2. Wechsle zum Tab “Optionen”
3. Tippe auf “Option hinzufugen”
4. Gib den Optionstext ein
5. Sortiere per Drag & Drop

---

Checkbox

Ja/Nein

Einfache Ja/Nein-Auswahl fur Zustimmungen und Bestatigungen.

Eigenschaft	Beschreibung
Typ	Checkbox
Auswahl	An/Aus
Wert	true/false

Typische Verwendung:

• Datenschutz-Zustimmung
• AGB akzeptieren
• Newsletter-Anmeldung
• Erinnerung aktivieren

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Ich akzeptiere die Datenschutzerklarung”
Pflichtfeld	Muss angekreuzt werden
Standard	Vorausgewahlt oder nicht

Pflicht-Checkbox

Fur AGB oder Datenschutz: Aktiviere “Pflichtfeld” - das Formular kann ohne Hakchen nicht abgesendet werden.

---

Radio-Buttons

Einfachauswahl

Sichtbare Optionen zur Einfachauswahl - alle Optionen sind sofort sichtbar.

Eigenschaft	Beschreibung
Typ	Radio-Buttons
Auswahl	Genau eine Option
Anzeige	Alle Optionen sichtbar

Typische Verwendung:

• Geschlecht
• Zahlungsart
• Prioritat (Niedrig/Mittel/Hoch)
• Kategorie (wenige Optionen)

Unterschied zu Dropdown:

• Radio: Alle Optionen sofort sichtbar
• Dropdown: Platzsparender, fur viele Optionen

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Geschlecht”
Optionen	z.B. “Mannlich”, “Weiblich”, “Divers”
Standard	Vorausgewahlte Option

---

Datum

Kalender

Datumsauswahl mit nativem Kalender-Picker.

Eigenschaft	Beschreibung
Typ	Datumsauswahl
Picker	Nativer Kalender
Format	TT.MM.JJJJ

Typische Verwendung:

• Geburtsdatum
• Wunschtermin
• Check-in/Check-out
• Veranstaltungsdatum

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Wunschdatum”
Platzhalter	z.B. “TT.MM.JJJJ”
Pflichtfeld	Muss ausgefullt werden

---

Spezielle Felder

Zahl

Numerisch

Eingabefeld fur Zahlen mit numerischer Tastatur.

Eigenschaft	Beschreibung
Typ	Numerische Eingabe
Tastatur	Zifferntastatur
Werte	Nur Zahlen

Typische Verwendung:

• Anzahl Personen
• Alter
• Menge
• Postleitzahl

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Anzahl Personen”
Platzhalter	z.B. “1”
Mindestlange/Maximallange	Fur Stellenanzahl

---

Datei-Upload

Dateien

Feld zum Hochladen von Dateien wie Bildern, PDFs oder Dokumenten.

Eigenschaft	Beschreibung
Typ	Datei-Upload
Formate	Konfigurierbar
Grosse	Limitierbar

Unterstuzte Dateitypen:

Kategorie	Endungen
Dokumente	.pdf, .doc, .docx, .txt
Bilder	.jpg, .jpeg, .png, .gif
Tabellen	.xls, .xlsx
Prasentationen	.ppt, .pptx
Audio	.mp3, .wav, .m4a
Video	.mp4, .mov, .avi
Archive	.zip, .rar

Einstellungen:

Einstellung	Beschreibung
Label	z.B. “Foto hochladen”
Erlaubte Dateitypen	Welche Formate akzeptiert werden
Max. Dateigrosse	In MB (1-100 MB)
Hilfetext	z.B. “Max. 10 MB, nur PDF oder JPG”

Dateitypen konfigurieren:

1. Offne die Feld-Einstellungen
2. Wechsle zum Tab “Validierung”
3. Wahle erlaubte Dateitypen (Alle/Keine)
4. Oder wahle einzelne Kategorien
5. Stelle die maximale Dateigrosse ein

Dateigrosse

Grosse Dateien konnen den Versand verlangsamen. Empfohlen: Max. 10 MB pro Datei.

---

Gemeinsame Einstellungen

Alle Felder teilen diese Einstellungs-Tabs:

Basis

Einstellung	Beschreibung
Label	Feldbezeichnung (mehrsprachig)
Platzhalter	Hinweistext (mehrsprachig)
Hilfetext	Zusatzinfo (mehrsprachig)

Validierung

Einstellung	Beschreibung
Pflichtfeld	Muss ausgefullt werden
Validierungsregel	Keine/E-Mail/Telefon/Lange/Regex
Fehlermeldung	Benutzerdefinierte Meldung

Layout

Einstellung	Beschreibung
Feldbreite	25% bis 100%
Aussenabstand	Oben, rechts, unten, links

Feldbreiten

Mit verschiedenen Breiten erstellst du mehrspalte Layouts:

Breite	Beschreibung
100%	Volle Breite (Standard)
75%	Drei Viertel
67%	Zwei Drittel
50%	Halbe Breite
33%	Ein Drittel
25%	Ein Viertel

Beispiel: Vor- und Nachname nebeneinander

1. Vorname-Feld: Breite 50%
2. Nachname-Feld: Breite 50%

---

Tipps

Sinnvolle Platzhalter

Nutze Platzhalter als Beispiele: “ihre.email@beispiel.de” ist hilfreicher als “E-Mail eingeben”.

Hilfetexte sparsam

Verwende Hilfetexte nur wenn notig - zu viele Hinweise konnen verwirren.

Mehrsprachigkeit

Alle Texte (Label, Platzhalter, Hilfetext, Fehler) konnen mehrsprachig eingegeben werden. Wechsle zwischen den Sprach-Tabs.

Richtige Feldtypen

Nutze den richtigen Feldtyp fur bessere Nutzererfahrung:

• E-Mail-Feld zeigt @-Tastatur
• Telefon-Feld zeigt Zifferntastatur
• Datum-Feld offnet Kalender

Dropdown vs. Radio

• Dropdown: Bei 4+ Optionen oder wenig Platz
• Radio: Bei 2-3 Optionen oder wenn alle sichtbar sein sollen