loy webdesign | Kreis Gütersloh

Radio Button Gruppe

Eine Radio Button Gruppe in Webseiten Formularen gruppiert zusammengehörige Auswahlmöglichkeiten.

Sie sind übersichtlich und minimieren die Fehlerquellen bei der Eingabe von Daten durch den Anwender.



Radiobutton Gruppe in HTML Formularen

Radio Button Gruppe Optionen



Innerhalb einer Optionsgruppe werden festgelegte Werte zur Auswahl angeboten, aus denen der Nutzer nur einen Eintrag auswählen kann. Mehrfachauswahlen können nicht getroffen werden.

 

HTML Tag für die Bildung eines radiobutton Elements


<input type="radio" name="... " value=" "/> 
 Radio Button Option

Der Wert name = " " im input Tag des Radiobutton Elements ist ein Name, der in allen input Tags der Optionsgruppe gleich ist. Nur dadurch werden die Radiobutton Einträge zu einer Optionsgruppe.

 

 

Radio Button Gruppe
HTML Formular mit einer Radiobutton Gruppe


 

 


Vorbelegung eines Radiobutton mit default Wert


Vorselektierter Radiobutton



Ein Radiobutton kann mit einem Standard - Wert (default Wert) vorbelegt werden.


<input type="radio" checked="checked"  name="..." value="..."/> Radio Button Option

Zur Vorbelegung eines default Wertes bei einem Radiobutton, ist die Setzung der Eigenschaft checked im entsprechenden input Tag notwendig.

Mit einem vorselektierten Optionswert kann das Formular nicht ohne Wert versendet werden.

 

 
 

HTML Formular


Webseiten Formular mit Radio Button Gruppe.

Radio Button Gruppe Formular

Html Quellcode - für die Darstellung des Html Formulars mit Radio Button Gruppe.


<form action="stadtauswahl.php" method="post">

<p>Wählen Sie ihre Lieblingsstadt aus</p>

<input type="radio" name="stadt" value="Gütersloh" checked="checked" />Lieblingsstadt ist    Gütersloh<br/>
  <input type="radio" name="stadt" value="Bielefeld"/>Lieblingsstadt ist Bielefeld<br/>
  <input type="radio" name="stadt" value="Warendorf"/>Lieblingsstadt ist Warendorf<br/>

  <input type="submit" value="senden"/>
  <input type="reset" value="löschen"/>

</form>

In diesem Formular wird eine Radiobutton Gruppe erstellt, deren Elemente alle den Namen "stadt" haben.
Durch den gleichen Namen, werden diese Elemente zu einer Optionsgruppe innerhalb des Formulars.

Innerhalb dieser Gruppe kann der User seine Lieblingsstadt auswählen.
Vorselektiert ist das Element mit dem value Wert Gütersloh.

Die Vorauswahl eines Optionswertes wird durch die Setzung der Eigenschaft: checked="checked" innerhalb des entsprechenden input tags des Radio Button Elements erzeugt.

Wenn der User keinen anderen Eintrag innerhalb der Optionsgruppe auswählt, wird dieser vorselektierte Eintrag als gewählter Wert an das Verarbeitungsscript gesendet.

PHP Verarbeitungsscript

stadtauswahl.php - PHP Auswertungsscript:


<?php

   echo "Sie haben Ihre Wahl getroffen. Ihre Lieblingsstadt ist:<br/>";
   echo "<b>" . $_POST['stadt'] . "</b>";

?>

Mit dem Feld $_POST ['stadt'] wird die in der Optionsgruppe gewählte Stadt abgefragt.
Mittels echo Anweisung wird der Inhalt des Feldes ausgegeben.

 

- $_POST ['name des feldes'] oder
- $_GET ['name des feldes']

sind PHP Variablen, mit denen die Inhalte von Formularen abgefragt werden können.

Der Einsatz von $_POST [  ] oder $_GET [   ] richtet sich nach der Versandmethode,
welche im Formular eingesetzt wurde.

  • Ist die Versandmethode im Formular: method = "post" => erfolgt die Abfrage im PHP Script mit - $_POST [ ]
  • Ist die Versandmethode im Formular: method = "get" => erfolgt die Abfrage im PHP Script mit - $_GET [ ]

 

Infos zu Versandmethoden in Web Formularen.

POST [  ] Methode in PHP
GET [  ] Methode in PHP