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.