Multiple-Choice-Eingabefelder für HTML-Formulare

• Kann 3, 2024

Wenn Sie ein Formular auf Ihrer Website erstellen und möchten, dass Ihre Besucher aus einer oder mehreren vorausgewählten Optionen auswählen, ist ein Multiple-Choice-Eingabefeld der richtige Weg.

Das Optionsfeld ist eine sehr häufige Wahl für Multiple-Choice-Optionen. Sie werden sie häufig in Web-Quiz und ähnlichen Formularen sehen. Diese Schaltflächen werden verwendet, wenn Ihr Besucher nur eine von mehreren Optionen auswählen soll. Wenn Sie beispielsweise ein Persönlichkeitsquiz auf Ihrer Website erstellen und möchten, dass Besucher ihre bevorzugte Primärfarbe (rot, blau oder gelb) auswählen, verwenden Sie Optionsfelder.

Optionsfelder werden nach ihrem Attribut "Name" gruppiert. In einer Gruppe von Optionsfeldern mit demselben Namen können Besucher nur eines auswählen. Durch Klicken auf eine andere Schaltfläche in der Gruppe wird die ursprüngliche Auswahl aufgehoben. Das Attribut "Wert" definiert, zu welcher Option das Optionsfeld gehört, und das Attribut "Aktiviert" ermöglicht Ihnen die Vorauswahl einer Option.

Im obigen Beispiel könnte die Frage wie folgt codiert werden:

Was ist deine Lieblingsgrundfarbe?

rot

Blau

Gelb

Auf Ihrer Website würde die Frage folgendermaßen aussehen:

Was ist deine Lieblingsgrundfarbe?
rot
Blau
Gelb

Das zweite Multiple-Choice-Feld ist das Dropdown-Menü. Mit einem Dropdown-Menü können Sie mehrere oder nur eine Auswahl zulassen. Dropdown-Menüs beanspruchen außerdem weniger Platz auf der Seite, sodass Sie mehr Optionen mit weniger Gedränge präsentieren können.

Dropdown-Menüs verwenden das Tag "select" als Grundlage für das Feld und das Tag "option", um die Menüelemente festzulegen. Sie können das Tag "select" mit dem Attribut "size" ändern, das angibt, wie viele Elemente sichtbar sind, bevor der Besucher auf das Menü klickt, und dem Attribut "multiple", mit dem der Besucher bei Auswahl mehr als eine Option auswählen kann . Sie können auch das Tag "Option" ändern. Mit dem Attribut "Ausgewählt" können Sie diese Option vorab auswählen.

Hier ist eine Beispielfrage über ein Dropdown-Menü:

Was ist dein am wenigsten bevorzugter Tag der Woche?


Sonntag
Montag
Dienstag
Mittwoch
Donnerstag
Freitag
Samstag


Auf Ihrer Website würde die Frage folgendermaßen aussehen:

Was ist dein am wenigsten bevorzugter Tag der Woche?

Sonntag
Montag
Dienstag
Mittwoch
Donnerstag
Freitag
Samstag


Die dritte Multiple-Choice-Option ist das Kontrollkästchen. Kontrollkästchen ähneln Optionsfeldern, ermöglichen es den Besuchern jedoch immer, mehrere Optionen auszuwählen. Kontrollkästchen ermöglichen dieselben Attribute wie Optionsfelder.

Eine Beispielfrage mit Kontrollkästchen:

Welche Tiere hast du?

Hund

Katze

Vogel

Maus

Hamster

Alligator

Andere


Ihre Besucher würden sehen:

Welche Tiere hast du?
Hund
Katze
Vogel
Maus
Hamster
Alligator
Andere

Video-Anleitungen: Dynamically Add / Remove input fields in PHP with Jquery Ajax (Kann 2024).