brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services | Über ]

Formulare in HTML-3

Teil 1

In den ersten beiden Teilen hatten wir die Grundlagen, sowie ein und mehrzeilige Eingabefelder besprochen. Hier geht es weiter mit Auswahlboxen, im vierten und letzten Teil schließen wir die Betrachtungen dann mit Auswahllisten und Kommandos ab.

Auswahlboxen

Einfache Auswahl
Mehrfache Auswahl

Auswahlboxen

Einfache Auswahl

Die einfache Auswahl ermöglicht aus einer gegebenen Menge von Möglichkeiten genau eine auszuwählen.

Beispiel:

<form method="post" action="irgendwas">
  Welchen Internet-Dienst nutzen Sie besonders h&auml;ufig? <br>
  <input type="radio" name="dienst" value="www" checked="checked">
    World Wide Web <br>
  <input type="radio" name="dienst" value="ftp">
    FTP <br>
  <input type="radio" name="dienst" value="news">
    News <br>
</form>

liefert

Ausgabe auf Ihrem Browser

Der Typ des input-Feldes ist also radio. Sie sehen an diesem Beispiel, dass die Zugehörigkeit zu einer Gruppe über name geregelt wird. D.h., die einzelnen Möglichkeiten müssen nicht notwendig untereinander stehen, Sie können frei in dem Formular gesetzt werden. Dies heißt auch, dass Sie durchaus mehrere solche Gruppen (freilich unter jeweils anderem Namen) in Ihrem Formular platzieren können.

value identifiziert die einzelnen Möglichkeiten. Und die Option checked sagt aus, dass diese Möglichkeit per Voreinstellung ausgewählt ist.

Mehrfache Auswahl

Dieses Feld funktioniert völlig analog zur einfachen Auswahl, nur dass hier aus den vorgegebenen Möglichkeiten beliebig viele auswählbar sind. Beliebig viele heißt eine oder mehrere aber auch keine. Der Typ des input-Tags heißt checkbox.