Wie Verwenden von Kontrollkästchen und Radiobuttons in Ihre HTML5-Formular
Wenn eine Datensammlung Formular für Ihre Website zu erstellen, wenn auch nur eine endliche Menge von möglichen Werten für den Benutzer verfügbar ist, können Sie ihm eine Sammlung von Optionen geben zur Auswahl:
Kontrollkästchen: Wählen Sie mehr als eine Option.
Radio Knöpfe: Wählen Sie nur eine Option.
Radio-Buttons unterscheiden sich von Kontrollkästchen in einem wichtigen Weg: Benutzer eine einzige Radioknopf aus einer Reihe von Optionen wählen können, aber kann eine beliebige Anzahl von Kontrollkästchen (einschließlich keine, eine oder mehr als eine).
Wenn viele Möglichkeiten zur Verfügung stehen (mehr als ein halbes Dutzend), verwenden Sie eine Dropdown-Liste anstelle von Radio-Buttons oder Checkboxen.
So erstellen Boxen Radio-Buttons und überprüfen, nehmen Sie die folgenden Schritte:
Verwenden Sie die Element mit dem Art Attribut auf Radio oder Checkbox.
erstellen Sie jede Option mit diesen Attributen:
NameGeben Sie einen Namen für die Option.
Wert: Geben Sie, welchen Wert wird zurückgegeben, wenn der Benutzer die Option wählt.
Sie können auch die Tasten geprüft Attribut (mit einem Wert von geprüft) Angeben, dass eine Option sollte bereits ausgewählt werden, wenn der Browser das Formular anzeigt. Dies ist ein guter Weg, um eine Standard-Auswahl angeben.
Dieses Markup zeigt, wie das Kontrollkästchen und Optionsfelder zu formatieren:
Das Ergebnis ist in dieser Figur gezeigt.
Im vorangegangenen Markup, wobei jeder Satz von Optionen verwendet den gleichen Namen für jeden Steuereingang gibt aber einen anderen Wert jeder Option. Sie geben jedes Element in einer Reihe von Optionen, um den gleichen Namen der Browser wissen zu lassen, sie sind Teil einer Reihe sind.
Wenn Sie möchten, können Sie so viele Kontrollkästchen, wie Sie möchten standardmäßig in der Seite Markup - einfach schließen checked = "checked" in jedem Element, das Sie im Voraus ausgewählt werden sollen.