Beim Durchsuchen Ihrer bevorzugten Websites werden Kontrollkästchen angezeigt, wenn Sie eine der vielen verfügbaren Optionen auswählen müssen. Diese Kontrollkästchen werden in erstellt mit Hilfe eines speziellen Tags. In diesem Artikel erfahren Sie, wie Sie ein Kontrollkästchen in HTML erstellen und wie Kontrollkästchen in der folgenden Reihenfolge funktionieren:
- Wie erstelle ich ein Kontrollkästchen in HTML?
- Kontrollkästchen vs Optionsfelder
- Deaktivieren eines Kontrollkästchens in HTML
Wie erstelle ich ein Kontrollkästchen in HTML?
Ein Kontrollkästchen ist ein Formularelement, mit dem Sie mehrere Optionen aus verschiedenen verfügbaren Optionen auswählen können. Kontrollkästchen werden mit dem HTMLtag erstellt. Es kann in einem Element verschachtelt sein oder sie können alleine stehen. Sie können auch mit Hilfe von einem Formular zugeordnet werden Formularattribut des Tags.
Hier ist ein einfaches Beispiel zum Erstellen eines einfachen Kontrollkästchens:
rot grün blau
Ausgabe:
Betrachten wir ein weiteres Beispiel und fügen Sie eine Schaltfläche zum Senden hinzu, damit die Kontrollkästchen nützlich werden können. Hier können Sie die Kontrollkästchen auch in einem Element platzieren, das eine Seite zum Verarbeiten des Formulars angibt.
Was ist deine Lieblingsfarbe? rot grün blauErgebnis:
Ausgabe:
Kontrollkästchen vs Optionsfelder
Mit Optionsfeldern kann der Benutzer nur eine Option auswählen. Mit Kontrollkästchen kann der Benutzer eine beliebige Anzahl von Optionen auswählen. Nehmen wir ein Beispiel und sehen, wie Optionsfelder und Kontrollkästchen funktionieren:
Java, was macht Append zu tun
Kontrollkästchen
Was ist deine Lieblingsfarbe? rot grün blauRadio Knöpfe
Wähle dein Geschlecht? Männlich Weiblich UnbekanntErgebnis:
Ausgabe:
Im obigen Beispiel sehen Sie, dass Sie so viele Kontrollkästchen aktivieren können, wie Sie möchten. Dadurch ist das Kontrollkästchen für Zeiten geeignet, in denen der Benutzer mehrere Optionen auswählen kann. Wenn Sie jedoch versuchen, mehr als ein Optionsfeld auszuwählen, wird die vorherige Auswahl deaktiviert. Auf diese Weise können Sie Benutzer dazu zwingen, nur eine Option auszuwählen.
Deaktivieren eines Kontrollkästchens in HTML
Sie können ein Kontrollkästchen in deaktivieren mithilfe des Attributs disabled. Dies kann in Verbindung mit einem Skript erfolgen, um das Kontrollkästchen zu aktivieren oder zu deaktivieren, je nachdem, ob bestimmte Kriterien erfüllt wurden.
Nehmen wir ein Beispiel, um zu sehen, wie wir ein Kontrollkästchen deaktivieren können:
rot grün blau
Ausgabe:
Big Data Tutorial für Anfänger
Im obigen Beispiel haben wir die Farbe Rot deaktiviert. Sie können also Grün und Blau aus dem Kontrollkästchen auswählen, nicht jedoch die Farbe Rot.
Damit sind wir am Ende unseres Artikels angelangt. Ich hoffe, Sie haben verstanden, wie Kontrollkästchen in HTML funktionieren und wie sie unterschiedlich verwendet werden können.
Nachdem Sie Checkbox in HTML kennen, lesen Sie die von Edureka. Mit dem Web Development Certification Training lernen Sie, wie Sie beeindruckende Websites mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs erstellen und für Amazon Simple Storage Service (S3) bereitstellen.
Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'Checkbox in HTML' und wir werden uns bei Ihnen melden.