Manchmal wollen Sie Ihre Web-Seite Benutzer, um anzuzeigen, ob die Informationen richtig oder falsch ist. Die HTML5 Checkbox Element ist für diese Art von Eingabe perfekt, weil der Benutzer klicken kann, um die Option zu aktivieren oder deaktivieren. Ankreuzfelder sind eine weitere Variante der vielseitig Eingang -Tag. Ankreuzfelder für Green Eggs and Ham sind in der Abbildung dargestellt:

Ankreuzfelder erscheinen oft in Gruppen, aber sie sind unabhängig voneinander. Der Code für eine Web-Seite mit Kontrollkästchen wie folgt aussieht:

Formular Demo

Sie legen üblicherweise ein Etikett auf das Textfeld ein, damit der Benutzer das Kontrollkästchen klicken oder die zugehörige Etikett eine Auswahl zu treffen.

Um ein Kontrollkästchen bauen, gehen Sie folgendermaßen vor:

1. Beginnen Sie mit ein Eingang Element.

2. Stellen Sie den Art zuschreiben Checkbox.

   Dies verdeutlicht, dass das Eingangselement eine Checkbox ist und legt einen kleinen prüfbaren Feld auf dem Bildschirm.

3. Geben Sie dem Element ein Ich würde Feld, so dass Ihr Code kann mit dem Element direkt arbeiten.

4. Geben Sie einen Wert.

   Sie können einen Wert auf eine Checkbox befestigen. Der Benutzer sieht den Wert nicht (es sei denn, Sie das Etikett sehen genauso aus wie der Wert wählen zu machen).

5. Fügen Sie ein Label.

   Ankreuzfelder braucht wirklich ein Etikett mit ihnen verbunden zu haben, so dass der Benutzer weiß, was das Kontrollkästchen über ist. Das Etikett wird in der Regel auf der rechten Seite der Checkbox positioniert.

6. Ergänzen Sie die für Attribut auf dem Etikett.

   Das Label hat ein spezielles Attribut namens für, mit dem Sie festlegen, welche Eingabeelement das Etikett entspricht. Setze das Ich würde Wert der Checkbox in diesem Attribut des Etiketts.

   Dies ist besonders nützlich für die Kontrollkästchen, weil in den meisten Browsern, kann der Benutzer entweder das Etikett oder das Kontrollkästchen klicken Sie auf die Auswahl auszulösen. Verknüpfen Sie das Etikett auf das entsprechende Kästchen gibt dem Benutzer eine größere Ziel klicken und macht die Form einfacher zu bedienen.

HTML-Formulare tun nichts auf eigene Faust. Sie müssen irgendeine Art von Programmierung in javascript oder HTML hinzufügen, um die Form etwas zu tun zu machen.