Radio Knöpfe
Erfassen Sie Einzelauswahlen übersichtlich und stilvoll. Von einfachen Ja/Nein-Fragen bis hin zu komplexen Mehrfachauswahlmöglichkeiten mit flexiblen Layouts, benutzerdefinierten Optionen und intelligenten Funktionen – das Optionsfeld stellt sicher, dass Benutzer genau eine Antwort aus Ihrer Liste auswählen.
Perfekt für Multiple-Choice-Fragen
Perfekt für:
Leistungsstarke Funktionen für jeden Anwendungsfall
🎨 Flexible Layoutoptionen
Drei professionelle Layouts:
- Vertikal (gestapelt) – Die Optionen erscheinen einzeln in einer Zeile, vertikal gestapelt. Dies ist das traditionellste und lesbarste Layout für lange Optionsbezeichnungen.
- Horizontal (Inline) – Die Optionen werden nebeneinander in einer Zeile angezeigt. Ideal für kurze Etiketten und kompakte Formulare.
- Raster (2 Spalten) – Optionen in einem zweispaltigen Raster angeordnet. Spart Platz bei gleichzeitig guter Lesbarkeit.
Auswahl basierend auf:
- Vertikal: Lange Optionsbezeichnungen, detaillierte Auswahlmöglichkeiten, traditionelle Formulare
- Horizontal: 2-5 kurze Antwortmöglichkeiten (Ja/Nein, Männlich/Weiblich usw.)
- Raster: 4+ Optionen mittlerer Länge, ausgewogenes Layout
Reaktionsverhalten:
Alle Layouts passen sich automatisch an mobile Bildschirme an und werden bei Bedarf vertikal gestapelt, um eine bessere Touch-Interaktion zu ermöglichen.
🎲 Optionen in zufälliger Reihenfolge anzeigen
Randomisierung auf Umfrageebene
Die Reihenfolge der Optionen wird bei jedem Laden des Formulars neu gemischt. Dadurch werden Verzerrungen durch die Position in Umfragen, Abstimmungen und Forschungsformularen vermieden.
Warum randomisieren?
- Verhindert Verzerrungen durch die Reihenfolge in Umfragen
- Gewährleistet eine faire Auswahlverteilung
- Professionelle Forschungsmethodik
- Verbessert die Datenqualität
Perfekt geeignet für:
- Umfrageformulare und Fragebögen
- A/B-Testing und Forschung
- Abstimmung und Abstimmung
- Präferenzstudien
Intelligentes Verhalten:
Spezielle Optionen wie „Sonstige“ und „Keine der oben genannten“ können auch dann am unteren Rand bleiben, wenn die Hauptoptionen zufällig angeordnet werden.
❌ Option „Keine der oben genannten“
Explizite Nichtselektion
Fügen Sie am Ende Ihrer Liste die Option „Keine der oben genannten“ oder „Nicht zutreffend“ hinzu. So können Nutzer klar angeben, dass keine der Optionen auf sie zutrifft.
Warum sollte das enthalten sein?
- Verhindert erzwungene Selektionen
- Verbessert die Datengenauigkeit
- Deckt alle Eventualitäten ab.
- Verringert Formularabbrüche
Perfekt geeignet für:
- Optionale Präferenzfragen
- Fragen im Stil „Mehrfachauswahl“
- Qualifikationsprüfer
- Interessensauswahl
Intelligente Positionierung:
Die Option „Keine“ erscheint immer zuletzt und trennt sie somit klar von den übrigen Auswahlmöglichkeiten.
🔧 Einfache Optionsverwaltung
Volle Kontrolle über die Entscheidungen:
- Optionen hinzufügen – Geben Sie „Option hinzufügen“ ein und klicken Sie darauf oder drücken Sie die Eingabetaste. Erstellen Sie Ihre Liste in Sekundenschnelle.
- Bearbeitungsoptionen – Sowohl den Anzeigetext (was die Benutzer sehen) als auch die Werte (was übermittelt wird) können unabhängig voneinander aktualisiert werden.
- Optionen neu anordnen – Verwenden Sie die Auf-/Ab-Pfeile, um die Optionen in die perfekte Reihenfolge zu bringen.
- Optionen löschen – Optionen mit einem Klick entfernen. Keine Option ist dauerhaft.
Anzeige vs. Wert:
- Bezeichnung: Was Benutzer sehen (z. B. „Exzellenter Service“)
- Wert: Was in der Datenbank gespeichert ist (z. B. „excellent_service“)
Massenbebauung:
Mehrere Optionen schnell hinzufügen durch Tippen, Drücken der Eingabetaste, Tippen, Drücken der Eingabetaste – schnelles Erstellen von Optionen für lange Listen.
✅ Standardauswahl
Eine Option vorauswählen
Wählen Sie aus, welche Optionsschaltfläche beim Laden des Formulars standardmäßig ausgewählt ist. Dies lenkt die Aufmerksamkeit der Nutzer auf häufige Antworten oder hebt empfohlene Optionen hervor.
Anwendungsfälle:
Wählen Sie die häufigste Antwort voraus, um die Bearbeitung zu beschleunigen.
Empfohlene Option hervorheben (z. B. „Bestes Preis-Leistungs-Verhältnis“-Tarif)
Standardvereinbarungsoption festlegen (akzeptierte Bedingungen)
Leiten Sie die Nutzer zur bevorzugten Wahl
Oder kein Standardwert:
Lassen Sie alle Optionen ungewählt, sodass die Nutzer aktiv eine Auswahl treffen müssen. Ideal für Fragen, die eine bewusste Entscheidung erfordern.
✏️ Option „Sonstiges“ mit Texteingabe
Benutzerdefinierte Antwortsammlung
Fügen Sie eine Option „Sonstiges“ hinzu, die bei Auswahl ein Texteingabefeld anzeigt. Benutzer können eine eigene Antwort angeben, falls keine der voreingestellten Optionen passt.
Anpassbares Etikett:
- Ändern Sie den Text der Bezeichnung „Sonstiges“ entsprechend Ihren Bedürfnissen:
- „Sonstiges (bitte angeben)“
- „Etwas anderes“
- „Benutzerdefinierte Antwort“
- „Nicht aufgeführt“
So funktioniert es:
Wenn Nutzer „Sonstiges“ auswählen, erscheint sofort ein Textfeld, in das sie ihre individuelle Antwort eingeben können. Sowohl die Auswahl „Sonstiges“ als auch der eingegebene Text werden übermittelt.
Anwendungsfälle:
- „Wie haben Sie von uns erfahren?“ mit individueller Empfehlungsquelle
- Produktpräferenz mit nicht aufgeführten Optionen
- Feedbackkategorien mit „Sonstige Anliegen“
- Jede Liste, die nicht alle Möglichkeiten abdecken kann
🔀 Bedingte Logik
Dynamische Sichtbarkeit von Optionsfeldern
Optionsfelder je nach anderen Formularwerten ein- oder ausblenden. Intelligente Formulare erstellen, die sich an die Benutzerauswahl anpassen.
Erweiterte Logikregeln:
- UND-Logik – Alle Bedingungen müssen erfüllt sein
- ODER-Logik – Jede Bedingung kann die Aktion auslösen
- 8 Operatoren – Gleich, Ungleich, Größer als, Kleiner als, Enthält, Ist leer und mehr
Anwendungsfälle:
- Produktoptionen werden nur angezeigt, wenn ein Produkttyp ausgewählt ist.
- Versandpräferenzen anzeigen, wenn die Versandart „Express“ lautet
- Zahlungspläne ausblenden, wenn der Bestellwert unter 100 $ liegt.
- Zusätzliche Fragen basierend auf der ersten Antwort anzeigen
🎯 Verbesserte Benutzererfahrung
Intelligente Funktionen integriert:
- Einzelauswahl erzwungen – Es kann jeweils nur eine Option ausgewählt werden (Standardverhalten von Optionsfeldern).
- Erforderliche Validierung – Auswahl mit eindeutigen Fehlermeldungen zur Pflicht machen.
- Tastaturnavigation – Mit den Pfeiltasten können Sie zwischen den Optionen für Barrierefreiheit wechseln.
- Benutzerdefinierte CSS-Klassen – Passen Sie das Styling an Ihre Marke an.
- Unterstützung für Barrierefreiheit – ARIA-Labels, kompatibel mit Bildschirmleseprogrammen
- Für Mobilgeräte optimiert – Touch-freundlich mit größeren Tippflächen
- Visuelles Feedback – Klare Anzeige der ausgewählten Option
- Hilfetext-Unterstützung – Beschreibungen hinzufügen, um die Auswahlmöglichkeiten zu verdeutlichen
Einfache Einrichtung in 3 Schritten
Bereiten Sie Ihr Radiobutton-Feld in wenigen Minuten vor.
Fügen Sie das Optionsfeld hinzu
Ziehen Sie das Optionsfeld aus dem Abschnitt „Basisfelder“ per Drag & Drop in Ihr Formular.
Fügen Sie Ihre Optionen hinzu
Geben Sie Optionsbezeichnungen ein und klicken Sie auf „Option hinzufügen“, um Ihre Liste zu erstellen. Ordnen Sie die Optionen mit Pfeilen neu an und bearbeiten Sie Bezeichnungen und Werte nach Bedarf.
Layout und Funktionen auswählen
Wählen Sie den Layoutstil (vertikal, horizontal oder Raster), fügen Sie optional die Option „Andere“ oder „Keine der oben genannten“ hinzu und legen Sie bei Bedarf eine Standardauswahl fest.
🎉 Das war's! Ihre Optionsfelder sind nun bereit für die Einzelwahl.
Anwendungen aus der realen Welt
Umfragen & Feedback
* Zufriedenheitsbewertung (Sehr zufrieden bis Sehr unzufrieden)
* Zustimmungsskala (Stimme voll und ganz zu bis Stimme überhaupt nicht zu)
* Häufigkeitsfragen (Täglich, Wöchentlich, Monatlich, Selten, Nie)
* Bewertungsfragen (1-5 Sterne, Ausgezeichnet bis Mangelhaft)
E-Commerce
* Auswahl der Produktgröße (Klein, Mittel, Groß, XL)
* Farbpräferenzen
* Versandoptionen
* Geschenkverpackungsoptionen
Anmeldeformulare
* Geschlechtsauswahl
* Auswahlmöglichkeiten für Altersgruppen
* Erfahrungsniveau (Anfänger, Fortgeschrittene, Experten)
* Auswahl der Mitgliedschaftsstufe
Geschäftsanwendungen
* Prioritätsstufe (Hoch, Mittel, Niedrig)
* Abteilungsauswahl
* Bevorzugte Kontaktmethode (E-Mail, Telefon, SMS)
* Budget-Optionen
Bildung und Schulungen
* Kursauswahl
* Bevorzugtes Lerntempo
* Verfügbarkeit im Zeitplan
* Zertifizierungsart
Gesundheitswesen und Wellness
* Auswahl der Terminart
* Wahl des Versicherungsanbieters
* Schweregrad der Symptome (Leicht, Mittel, Schwer)
* Präferenz für eine Konsultation
Feldoptionen ausfüllen
Grundlegende Einstellung
- Feldbezeichnung – Die Frage oder der Titel, der über den Optionsfeldern angezeigt wird.
- Beschreibung/Hilfetext – Zusätzliche Hinweise für Benutzer
- Pflichtfeld – Auswahl erforderlich
- Platzhalter – Nicht anwendbar für Optionsfelder
Layout & Präsentation
- Layoutstil
- Vertikal (gestapelt) – eins pro Zeile
- Horizontal (inline) – nebeneinander
- Raster (2 Spalten) – ausgewogenes Layout
Optionen für Optionsfelder
- Optionen hinzufügen – Erstellen Sie Ihre Auswahlliste
- Anzeigetext – Was Benutzer sehen
- Wert – Was wird mit dem Formular übermittelt?
- Neu anordnen – Optionen nach oben/unten verschieben
- Löschen – Optionen entfernen
Standardauswahl
Standardmäßig ausgewählter Wert – Wählen Sie eine Option voraus oder lassen Sie das Feld leer, um keinen Standardwert festzulegen.
Sonderoptionen
- Option „Sonstige“ hinzufügen – Benutzerdefinierte Texteingabe zulassen
- Bezeichnung für weitere Optionen – Passen Sie den Text „Sonstiges“ an (Standard: „Sonstiges (bitte angeben)“)
- Option „Keine der oben genannten“ hinzufügen – Fügen Sie am Ende eine explizite Nichtauswahlmöglichkeit hinzu.
Erweiterte Funktionen
Reihenfolge zufällig festlegen – Optionen in zufälliger Reihenfolge anzeigen (nützlich für Umfragen, um Verzerrungen durch die Reihenfolge zu vermeiden)
Bedingte Logik
- Bedingte Logik aktivieren – Ein-/Ausblenden basierend auf Bedingungen
- Logiktyp
- Alle Bedingungen müssen erfüllt sein (UND)
- Jede Bedingung kann erfüllt sein (ODER)
- Bedingungsregeln
- Anzeigen/Ausblenden – Zu ergreifende Maßnahmen
- Feld – Welches Feld soll geprüft werden?
- Operator – Gleich, Ungleich, Enthält, Größer als, Kleiner als, Ist leer, Ist nicht leer
- Wert – Vergleichswert
- Mehrere Bedingungen – Unbegrenzt viele Regeln hinzufügen
Andere Optionen
- Verstecktes Feld – Feld ausblenden, aber ausgewählten Wert in die Übermittlungen einbeziehen
- Benutzerdefinierte CSS-Klassen – Benutzerdefiniertes Styling anwenden
- Barrierefreiheitsattribute – ARIA-Labels und -Beschreibungen
Warum sollten Sie sich für unser Optionsfeld entscheiden?
✅ Flexible Layouts – Vertikale, horizontale oder Rasteranordnungen
✅ Umfragefunktionen – Reihenfolge randomisieren, um unverzerrte Ergebnisse zu erzielen
✅ Anwenderfreundlich – Option „Andere“ für benutzerdefinierte Antworten
✅ Komplette Kontrolle – Einfaches Hinzufügen, Bearbeiten, Neuanordnen und Löschen von Optionen
✅ Intelligente Standardeinstellungen – Häufige oder empfohlene Optionen vorauswählen
✅ Professional – „Keine der oben genannten Optionen“ für ordnungsgemäße Umfragen
✅ Mobil optimiert – Berührungsfreundlich mit perfekten Tippzielen
✅ Für alle – Unterstützung für Tastaturnavigation und Bildschirmlesegeräte
✅ Voll Integriert – Funktioniert nahtlos mit allen Formularfunktionen
Häufig gestellte Fragen
F: Worin besteht der Unterschied zwischen Optionsfeldern und Kontrollkästchen?
Optionsfelder erlauben nur eine Auswahl. Kontrollkästchen erlauben mehrere Auswahlen. Verwenden Sie Optionsfelder für „eins auswählen“ und Kontrollkästchen für „beliebige auswählen“.
F: Können Benutzer ihre Radiosenderauswahl ändern?
Ja. Wenn Sie ein neues Optionsfeld auswählen, wird das vorherige automatisch abgewählt.
F: Wann sollte ich ein vertikales und wann ein horizontales Layout verwenden?
Verwenden Sie die vertikale Anordnung für längere Listen oder lange Beschriftungen, die horizontale Anordnung für kurze Auswahlen mit zwei oder drei Optionen und das Rasterlayout für mittelgroße Optionsgruppen.
F: Wie funktioniert die Option „Sonstiges“?
Durch Auswahl von „Sonstiges“ wird ein Textfeld angezeigt, in dem Benutzer eine individuelle Antwort eingeben können. Sowohl die Auswahl als auch der Text werden übermittelt.
F: Was bewirkt die zufällige Reihenfolge?
Bei jedem Laden des Formulars ändert sich die Reihenfolge der Optionen, um Verzerrungen bei den Antworten zu vermeiden.
F: Soll ich eine Standardauswahl festlegen?
Setzen Sie einen Wert, wenn Sie den Vorgang beschleunigen oder die Benutzer anleiten möchten. Lassen Sie das Feld leer, wenn die Benutzer eine bewusste Entscheidung treffen sollen.
F: Wozu dient die Option „Keine der oben genannten“?
Es ermöglicht den Benutzern anzugeben, dass keine der aufgeführten Optionen zutrifft, wodurch die Genauigkeit verbessert und erzwungene Antworten vermieden werden.
F: Kann ich unterschiedliche Anzeigetexte und übermittelte Werte haben?
Ja. Den Benutzern wird ein Anzeigetext präsentiert, und die in den Eingaben gespeicherten Werte können übersichtlicher oder strukturierter sein.
F: Wie kann ich die Reihenfolge meiner Optionsfelder ändern?
Verwenden Sie die Auf- und Abwärtspfeile neben den einzelnen Auswahlmöglichkeiten, um diese in die gewünschte Reihenfolge zu bringen.
F: Können Optionsfelder erforderlich sein?
Ja. Aktivieren Sie „Pflichtfeld“, damit die Benutzer vor dem Absenden eine Option auswählen können.
F: Funktionieren Optionsfelder auf Mobilgeräten?
Ja. Sie verfügen über berührungsfreundliche Bedienelemente und ordnen sich auf kleinen Bildschirmen automatisch vertikal an.
F: Kann ich bedingte Logik mit Optionsfeldern verwenden?
Ja. Felder können je nach Auswahl der Option mithilfe von „Gleich“ oder ähnlichen Bedingungen ein- oder ausgeblendet werden.
