Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt
Sie befinden sich: Startseite » HTML lernen – Website erstellen & strukturieren » Formulare <form> » Formularelement Checkbox <input type=checkbox

Formularelement Checkbox <input type=checkbox

Über das Element ein Element ausgewählt werden. Es ist auch möglich, mehrere Möglichkeiten anzubieten, die dann Alle ausgewählt werden können, wie z.B. „Ihre Hobbys“.

Das typische Erscheinungsbild von Checkboxen ist eckig. Damit weiß der Benutzer intuitiv, dass es eine „und“-Auswahl ist, wenn mehrere Möglichkeiten angegeben sind.

Tipp zu Checkboxen, die angeklickt werden muss, bevor Formular abgesendet werden kann

In vielen Formularen bei Firmen muss eine Zustimmung zu den AGBs und Datenschutzbestimmungen erfolgen, bevor das Formular abgesendet werden darf. Hier können wir über eine kleine Zeile JavaScript erreichen, dass der Submit-Button erst in Grau und inaktiv angezeigt wird, bis die entsprechende Checkbox für due Zustimmung den AGBs angeklickt wird. Hier der entsprechende Code:

<input type="checkbox" 
 onchange="document.getElementById('absenden').disabled = !this.checked">  
 AGBs zustimmen

<br>

<input type="submit" name="absenden" id="absenden" value="submit" disabled>

Und zum Testen AGBs zustimmen

Weiterempfehlen • Social Bookmarks • Vielen Dank

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Vielen Dank für Ihre Hilfe

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details