Als nächstes kommen die Radiobutton und Checkboxen. Radiobutton
erlauben dem Nutzer, eine von mehreren Möglichkeiten auszuwählen. Checkboxen
(check=Häkchen) erlauben dem Nutzer, eine, mehrere oder alle Möglichkeiten
auszuwählen.
Lass uns zuerst ein paar Radiobutton bauen.
<FORM> <INPUT TYPE="radio" NAME="BESTER FREUND"> </FORM>
Nun füge noch 2 hinzu.
<FORM> <INPUT TYPE="radio" NAME="BESTER FREUND"> <INPUT TYPE="radio" NAME="BESTER FREUND"> <INPUT TYPE="radio" NAME="BESTER FREUND"> </FORM>
Hmmm... Ich denke, wir sollten ein paar Zeilenumbrüche einfügen.
<FORM> <INPUT TYPE="radio" NAME="BESTER FREUND"> <BR><INPUT TYPE="radio" NAME="BESTER FREUND"> <BR><INPUT TYPE="radio" NAME="BESTER FREUND"> </FORM>
Beachte, dass jede Eingabe den selbe Namen hat. Der Grund wird gleich ersichtlich.
Jedem Radiobutton muss ein Wert zugeordnet werden (VALUE).
<FORM> <INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Ed"> <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Rick"> <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Tom"> </FORM>
(Falls DU Dich fragst, warum ich den ersten INPUT 4 Leerzeichen eingerückt habe, ganz einfach...saubere Schreibeweise. Je klarer und organisierter Dein Code ist, umso leichter kannst Du damit arbeiten. Und wenn Du noch mal Änderungen vornehmen musst, ist ein klares Layout die halbe Arbeit.)
Jetzt vergib Bezeichnungen für jeden Button.
<FORM> <INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Ed">Ed Holleran <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Rick">Rick Weinberg <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Tom">Tom Studd </FORM>
Du kannst sie natürlich noch mit HTML Tags verändern, wenn Du möchtest.
Im wesentlichen sind Deine Radiobutton jetzt fertig. Du kannst alles noch ein wenig aufbessern, indem Du eine Beschreibung hinzufügst und wenn Du magst, einen Standardwert festlegst (optional).
<FORM> Wer ist Dein BESTER FREUND? <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Ed" CHECKED>Ed Holleran <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Rick">Rick Weinberg <BR><INPUT TYPE="radio" NAME="BESTER FREUND" VALUE="Tom">Tom Studd </FORM>
Der Nutzer kann natürlich nur eine Möglichkeit auswählen. Diese Auswahl wird als Name/Wert-Paar BESTER FREUND=Ed (oder wen immer er wählt) abgeschickt.