Radio Button und Check Boxen
- Home
- Tutorials
- HTML/Web
- HTML & CSS Tutorial für Anfänger
- Radio Button und Check Boxen
Wann verwendet man Radio Button?
Radio Button verwendet man, wenn der Nutzer zwischen verschiedenen Optionen wählen kann, jedoch nicht mehrere, sondern nur eine Option. Man kann z.B. nicht gleichzeitig die Musik an und aus haben. Es ist immer nur eines möglich.
Beispiel
<form>
Musik an: <input type="radio" name="musik" value="musan" />
Musik aus: <input type="radio" name="musik" value="musaus" />
</form>
Wann verwendet man Check Boxen?
Check Boxen verwendet man, wenn der Nutzer zwischen verschiedenen Optionen mehrere wählen können soll. Er kann z.B. eine Pizza mit Schinken und mit Zwiebeln wollen.
Beispiel
<form>
<p>Welche Beilagen sollen auf die Pizza?</p>
Schinken <input type="checkbox" name="pizza" value="schinken" />
Zwiebeln <input type="checkbox" name="pizza" value="zwiebeln" />
Ananas <input type="checkbox" name="pizza" value="ananas" />
Spargel <input type="checkbox" name="pizza" value="spargel" />
Salami <input type="checkbox" name="pizza" value="salami" />
</form>
Ihr seht also, als type müsst ihr für einen Radio Button radio eingeben, für eine Check Box checkbox.
Es ist jedoch wichtig, dass bei name für eine bestimmte Auswahl der gleiche Wert ist und das value jeweils unterschiedliche Werte besitzt.
Vorherig
Dropdown-Listen
Nächste
Herausforderung Digitale Uhr
Kostenlos
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-
Beliebte Kurse
Spring Boot Webentwicklung - RESTful APIs entwickeln!
Lerne Spring Boot und erstelle RESTful APIs Das beliebteste Java...
29,99€
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
29,99€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos