Oder eine Gruppe von Kontrollkästchen. Dies kann für eine Frage nützlich sein, die mehrere Antworten oder Auswahlen vom Benutzer haben kann. Die Frage « Was ist dein Lieblingsessen? » wurde dem Benutzer nicht vorgelesen. Daher weiß der Benutzer beim Durchlaufen der Kontrollkästchen nicht, in welchem Kontext er sich befindet. Sie können Hinweise zu Kontrollkästchenelementen hinzufügen, um zusätzliche Informationen zu den Optionen bereitzustellen. Ein Kontrollkästchen erfordert keine Javascript-Funktion. Der JavaScript-Block unter dem Formular weist dem Kontrollkästchen beim Laden der Seite unsere benutzerdefinierte Fehlermeldung zu. Wir wissen, dass das Kontrollkästchen standardmäßig deaktiviert ist, daher müssen wir dem Browser mitteilen, welche Meldung angezeigt werden soll. Hier sind einige Dinge, die Sie über unbestimmte Kontrollkästchen wissen sollten: Wenn das Wertattribut weggelassen wurde, ist der Standardwert für das Kontrollkästchen aktiviert, sodass die übermittelten Daten in diesem Fall subscribe=on wären. Hinweis: Im Gegensatz zu anderen Eingabesteuerelementen wird ein Kontrollkästchenwert nur dann in die übermittelten Daten einbezogen, wenn das Kontrollkästchen derzeit aktiviert ist.

Ist dies der Zuspruch, wird der Wert des Wertattributs des Kontrollkästchens als Wert der Eingabe gemeldet. Während bei der HTML5-Formularüberprüfung in der Regel fehlende oder ungültige Texteingaben gelten, gibt es andere Formularelementtypen, die ebenfalls Aufmerksamkeit erfordern. Einer von ihnen ist das bescheidene Kontrollkästchen. Aus Neugier: Welchen Wert würde ein unbestimmtes Kontrollkästchen in diesem Beispiel zurückgeben? Dies kann im folgenden Beispiel (Dank an CSS Tricks für die Inspiration) gesehen werden. In diesem Beispiel verfolgen wir die Zutaten, die wir für ein Rezept sammeln. Wenn Sie das Kontrollkästchen einer Zutat aktivieren oder deaktivieren, überprüft eine JavaScript-Funktion die Gesamtzahl der überprüften Zutaten: Sehen wir uns an, wie Sie eine Frage zu Ihrer Bevorzugten-Mahlzeit markieren. Vom ersten Blick aus denken Sie vielleicht darüber nach, eine Überschrift hinzuzufügen und dann die Kontrollkästchen in einem Wrapper oder so zu gruppieren. Meistens ist ein benutzerdefiniertes Design für das Kontrollkästchen erforderlich. Lassen Sie uns untersuchen, wie wir das erreichen können. Wir haben bereits die einfachste Verwendung der Kontrollkästchen oben abgedeckt.

Sehen wir uns nun die anderen gängigen Features und Techniken an, die Sie benötigen. Lesen Sie einen Blogbeitrag zu Updates für Radios und Kontrollkästchenkomponenten. Wählen Sie nicht die Kontrollkästchen-Optionen vor, da dies die Wahrscheinlichkeit für Benutzer macht: Wenn Sie ein Verhalten wie check aufrufen, wird ein Element Rückruf ausgelöst, aber mit set checked wird der Checkbox-Status angepasst, ohne Rückrufe auszulösen sieht gut aus, das einzige, was ich bemerkt hat, ist, wenn Sie auf ein unbestimmtes Kontrollkästchen klicken, verliert es seine « grüne » Füllung/Zustand, was ich nicht für ein gewünschtes Verhalten halte? Um ein Kontrollkästchen schreibgeschützt zu machen, initialisieren Sie es nicht oder schließen Sie die schreibgeschützte Klasse ein, die keine Ereignisse zulässt. Informationen zur Verwendung von Kontrollkästchen in einer Tabelle finden Sie in der Datentabellenkomponente. Diese Einstellungen sind spezifisch für das Kontrollkästchen und bestimmen die Parameter seines Verhaltens Elemente des Typs werden standardmäßig als Kästchen gerendert, die aktiviert (gekreuzt) werden, wenn sie aktiviert werden, wie Sie möglicherweise in einem offiziellen Regierungspapierformular sehen. Das genaue Erscheinungsbild hängt von der Betriebssystemkonfiguration ab, unter der der Browser ausgeführt wird. Im Allgemeinen ist dies ein Quadrat, aber es kann abgerundete Ecken haben. Mit einem Kontrollkästchen können Sie einzelne Werte für die Übermittlung in einem Formular auswählen (oder nicht). Ich möchte dasselbe finden, aber mit einer « init »-Funktion.