Radio-Buttons

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

Hier ist die grundlegende Syntax zum Erstellen eines Optionsfelds 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 Optionsfeld festlegt.
• id: Ein Attribut, das dem Optionsfeld eine eindeutige Kennung zuweist.

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

• value: Ein Attribut, das den Wert festlegt, der dem Optionsfeld zugeordnet ist. Dieser Wert wird an den Server gesendet, wenn das Formular übermittelt wird.

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

Hier ist ein Beispiel dafür, wie du eine Gruppe von Optionsfeldern erstellst:

<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 Optionsfeldern, die alle zur selben Gruppe gehören, da sie dasselbe name-Attribut („mygroup“) haben. Jedes Optionsfeld hat eine eindeutige id und einen eindeutigen value sowie ein zugehöriges Label. Wenn der Benutzer eine dieser Optionen auswählt und das Formular absendet, wird der Wert des ausgewählten Optionsfelds an den Server gesendet.