Radio-Buttons

In HTML werden Radiobuttons verwendet, um eine Gruppe von Optionen zu erstellen, die sich gegenseitig ausschließen, wobei der Benutzer nur eine Option aus der Gruppe auswählen kann. Radiobuttons werden mit dem <input>-Tag erstellt, wobei das type-Attribut auf "radio" gesetzt wird.

Hier ist die grundlegende Syntax zum Erstellen eines Radio-Buttons in HTML:

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Das Tag, das das Eingabefeld definiert.
• type="radio": Ein Attribut, das den Eingabetyp als Radio-Button festlegt.
• id: Ein Attribut, das dem Radio-Button eine eindeutige Kennung gibt.

• name: Ein Attribut, das Radio-Buttons gruppiert. Alle Radio-Buttons mit demselben Namen gehören zur selben Gruppe, und es kann jeweils nur eine Option innerhalb einer Gruppe gleichzeitig ausgewählt werden.

• value: Ein Attribut, das den mit dem Radio-Button verknüpften Wert angibt. Dieser Wert wird an den Server gesendet, wenn das Formular abgeschickt wird.

• <label>: Ein Tag, das eine anklickbare Beschriftung für den Radiobutton bereitstellt. Das for-Attribut des Labels sollte mit dem id-Attribut des Radiobuttons übereinstimmen.

Hier ist ein Beispiel dafür, wie man eine Gruppe von Radio-Buttons erstellt:

<form>
	<input type="radio" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label>
	<br>
	
	<input type="radio" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label>
	<br>
	
	<input type="radio" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label>
	<br>
</form>

In diesem Beispiel haben wir ein Formular mit drei Radio-Buttons, die alle zur gleichen Gruppe gehören, da sie dasselbe name-Attribut ("mygroup") teilen. Jeder Radio-Button hat eine eindeutige id und einen value sowie ein entsprechendes Label. Wenn der Benutzer eine dieser Optionen auswählt und das Formular absendet, wird der Wert des ausgewählten Radio-Buttons an den Server gesendet.