Formulare
Formulare
- Der Formcontainer
- input type ="button" Tag
- input type="checkbox" Tag
- input type="file" Tag
- input type="hidden" Tag
- input type="image" Tag
- input type="password" Tag
- input type="radio" Tag
- input type="reset" Tag
- input type="submit" Tag
- input type="text" Tag
Der Formcontainer
Mit ihm wird der Anfang und das Ende eines Formulars bestimmt. Ein HTLM Dokument kann mehrere Formulare enthalten. Formulare können nicht verschachtelt werden.
Attribute
- action="URL"
Wird eine URL als String zugewiesen. Diese URL löst auf dem Server Routinen aus.
z.B.
- abspeichern der Informationen des Formcontainers und Weiterleitung als Mail.
- Ausführung eines CGI Scripts
- Aufrufen von PHP, ASP
Verbunden hiermit ist meist die Rücklieferung von computergenerierten Scripten an dem Client.
- method=""
Dem Attribut Method können die Parameter:
zugewiesen werden.
Verwendet man die Methode "get", so werden die zu übermittelten Informationen an die URL angehängt und dann auch gleich mit gesendet.
Dies ist die schnellere Möglichkeit, birgt aber auf Grund der Größenbeschränkung das Problem, das nur max. 255 Zeichen versendet werden können.
Die Methode "post" hingegen bewirkt, dass die Formularinformationen in einem eigenen Teil de Bodys im HTTP Request untergebracht werden. Durch die damit verbundene Paketversendung (eigenständig), können die Informationen relativ schnell und in einem größeren Umfang (keine Zeilenbeschränkung) versendet werden.
Die Methode "post" wird von W3C bevorzugt.
Zurück zum Anfang | zurück zur Startseite
input type="Button" Tag
Er erzeugt innerhalb eines Formulars einen anpassbaren Button. Von sich aus hat dieser Button keine Funktionalität. Erst in Verbindung mit einer Scriptsprache erhält er diese.
Attribute:
Dem Attribut "value" wird als Parameterstring ein Ausgangswert zugewiesen.
Zurück zum Anfang | zurück zur Startseite
input type="checkbox" Tag
Es wird innerhalb eines Formulars eine Checkbox erzeugt (Kästchen zum Ankreuzen). Eine Checkbox erzeugt einen Ein-/Ausschalter. Standardmäßig ist nur eine Mehrfachauswahl möglich. Wird der Formularinhalt an den Server abgesendet, so werden nur angekreuzte Checkboxen versendet.
Attribute:
- checked
Durch anfügen dieses Attributs, ohne Parameter, wird vorgegeben, das dieser Button standardmäßig angekreuzt ist.
- name="">
br>
- value=""
Gibt den Ausgangswert der Steuerelements an, der an den den Server übermittelt wird. Wird dieses Attribut nicht verwendet, so wird "on" versendet.
Zurück zum Anfang | zurück zur Startseite
input type="file" Tag
Dieser Tag erlaubt es dem Anwender innerhalb eines Formulars, zusammen mit dem Formularinhalt, externe Dateien zu übergeben. Die Browser stellen dieses Objekt als einen Browserbutton dar.
Attribute:
- accept="MIME"
Wird eine Lsite vom Mimetype übergeben. Hierdurch kann der Server herausfinden, welche Dateien er nicht verarbeiten kann.
- name=""
br>
- value=""
br>
Zurück zum Anfang | zurück zur Startseite
input type="hidden" Tag"
Es wird ein Objekt erzeugt, das vom Browser nicht dargestellt werden kann. Verborgene Elemente können dazu genutzt werden, Informationen zu versenden, die der User nicht sehen soll.
BSP: BS Art, Standardbrowser...)
Attribute:
Attribute:
- align="top"/"middle"/"bottom"
- name=""
- src="URL"
Weißt man die URL als String zu.
!!!Dieses Attribut ist unbedingt notwendig!!!
Zurück zum Anfang | zurück zur Startseite
input type="password" Tag
Erzeugt innerhalb eines Formulars ein Texteingabefeld, wobei der Eingabetext durch eine Reihe von *** oder Bullets verborgen wird.
!!! Da keine Verschlüsselung - auch keine Sicherheit!!!
Attribute:
- maxlength=""
Gibt die max. Anzahl der möglichen Zeichen an.
- name=""
- size=Anzahl
Wird die Größe des Feldes in Pixel zugewiesen.
- value=""
Zurück zum Anfang | zurück zur Startseite
input type="radio" Tag
Hiermit wird ein Auswahlknopf erzeugt. Er ist normalerweise in einer Gruppe zusammen gefasst. Mehrere Radiobuttons erhalten hierbei den gleichen Namen. Eine Mehrfachauswahl ist dann nicht mehr möglich.
Attribute:
Zurück zum Anfang | zurück zur Startseite
input type="reset" Tag
Er bewirkt, dass alle vom User getroffenen Einstellungen und Eingaben, auf die Ausgangswerte zurückgesetzt werden.
Attribut:
Zurück zum Anfang | zurück zur Startseite
input type="submit" Tag
Ist innerhalb eines Formulars dafür zuständig, alle Formularinformationen an die, in Formcontainer unter "action" angegebene URL, unter Berücksichtigung der Methode, zu versenden.
Attribut:
Attribut:
Zurück zum Anfang | zurück zur Startseite
input type="text" Tag
Er erzeugt eine Eingabebox (oder Textbox, Editierfeld ...)
Attribut:
Attribut:
- wie bei Password - bewirkt auch das Gleiche
Zurück zum Anfang | zurück zur Startseite