Geschrieben von haumi am 30.03.2012 um 10:56:
Formular in html
Die Korrespondenz zwischen Internetbesucher und den Inhabern der Internetseiten (auf den Datenbanken)
wird seitens den Internetbesuchers in den meisten Fällen per Formulare durchgeführt.
Ich möchte hier mal grob die Eingabetypen von Formularen vorstellen, wobei ich von html4 ausgehe.
Es gibt in html5 schon weitaus mehr Eingabefelder, doch diese kommen im wbb2 nicht vor
und auch die Browser unterstützen diese noch so gut wie nicht.
Wie ist so ein Formular aufgebaut?
Ein Formular kann man sich wie einen Container vorstellen, in dem die Eingabefelder nach Bedarf enthalten sind.
Der Container wird durch <form> eingeleitet und durch </form> beendet.
Als Attribute muss man im einleitenden form-tag <form> noch angeben,
wohin das Formular geschickt werden soll (action)
und mit welcher HTTP-Methode die Formulardaten übermittelt werden sollen (method).
Das sieht denn in etwas so aus:
<form action="auswerte.php method="post">
weiterhin kann man dem Formulartag noch die Art der Codierung einen Namen und ein Zielframe angeben (wird zur gegebenen Zeit angesprochen)
Dazwischen können folgende Eingabemöglichkeiten vorhanden sein:
einzeilige Eingabefelder
passwortfelder
mehrzeilige Eingabenfelder
Auswahllisten,
Radio-Buttons
Checkboxen
Felder für Datei-Upload
versteckte Felder
anklickbare buttons
Das sind die gebräuchlichsten Felder in einem normalen Formular.
Name: <input type="text" name="Name" />
einzeiliges Textfeld
Passwort: <input type="password" name="Passwort" />
Passwortfeld
Altersgruppe:
Radiobuttons
<input type="radio" name="Alter" value="minderjaehrig" />0-17
Radiobuttons
<input type="radio" name="Alter" value="volljaehrig" />18-99
Radiobuttons
Land: <select name="Land">
Auswahlliste
<option value="">-- bitte wählen--</option>
Auswahlliste
<option value="D">Deutschland</option>
Auswahlliste
<option value="A">Österreich</option>
Auswahlliste
<option value="CH">Schweiz</option>
Auswahlliste
<option value="sonst">sonstige Länder</option>
Auswahlliste
</select>
Auswahlliste
Interessen: <select name="Interessen" multiple="multiple" size="3">
Auswahllisten mit Mehrfachauswahl
<option value="HTML">(X)HTML</option>
Auswahllisten mit Mehrfachauswahl
<option value="CSS">CSS</option>
Auswahllisten mit Mehrfachauswahl
<option value="JS">JavaScript</option>
Auswahllisten mit Mehrfachauswahl
</select>
Auswahllisten mit Mehrfachauswahl
Kommentar: <textarea cols="30" rows="5" name="Kommentar"></textarea>
mehrzeiliges Texteingabefeld
<input type="checkbox" name="Bedingungen" value="ja" />
Ich akzeptiere die Nutzungsbedingungen
Auswahlox
<input type="button" onclick="zeigeDaten(this.form)" name="Submit" value="Registrieren" />
Absendebutton
Wi werden auf die einzelnen Elemente noch eingehen und diese näher untersuchen,
und auf jeden Fall ein Formular erstellen, indem alle oben beschriebenen Felder vorkommen.
Dateiupload machen wir später wenn noch einige Voraussetzungen gegeben sind.
Soweit erst mal der grobe Aufbau eines Formulars mit html.
Hier findet man die genaue Erklärung von selfhtml
LG
haumi