[Startseite] → [Exzerpte] → [Übersicht] → Formulare

Zuletzt bearbeitet am 16. Juli 2008

Das Erstellen von Formularen

Das Formular selbst (<form …>)

Das Tag "<form>" bewirkt, dass der eingeschlossene Text als Formular erkannt wird. Das Formular wird durch "</form>" beendet.

Syntax: <form method="p" action="uvw">.
"method" kann zwei Werte annehmen:

Methode Wirkung
get Das Formular wird durch ein Programm ausgewertet. Eingegene Daten können in der Browser-Zeile sichtbar sein (z.B. php-Skripte).
post Das Formular wird an eine Email-Adresse weitergeleitet. Eingegene Daten bleiben in der Browser-Zeile unsichtbar (z.B. php-Skripte).

Das Attribut action gibt das Programm – z.B. ein Skript – oder die Zieladdresse an: eine URL oder eine Email-Addresse. Die "action" wird durch submit ausgelöst.

Das Formular in Skripten

Formulare eignen sich für Skripte. Die Methode action kann dabei ein JavaScript auslösen. Die Wertübergabe läuft über document.name_of_formular.name_of_field.value.

Alternativ können Buttons mit onClick-Ereignissen belegt werden:
<input type="button" onClick="Funktion" value="Text">

Beispiel: Verschiedene Rundungsarten

Das folgende Formular hat den Namen name="divid", seine eingerahmten Eingabefelder die Namen "dividend" und "divisor".
submit löst javascript:dividieren(document.divid.dividend.value, document.divid.divisor.value) aus. In der Skript-Funktion "dividieren" wird mit den Werten in dividend und divisor weitergearbeitet.

Dividend: Divisor:



Quotient:
Division mit Slash quotient=dividend/divisor;
Ganzzahliger Rest (Modulo):
Division mit % rest=dividend%divisor;
aufgerundet:
to ceil: decken Math.ceil(quotient);
abgerundet:
floor: Boden Math.floor(quotient);
kaufmännisch:
Math.round(quotient);

Textfelder (<input …>)

Syntax: <input name="abc" size="n" maxlength="m" value="pqr">

Attribut Hinweis
name Name der Variable, welcher der Text zugeordnet wird (z.B. für ein Skript)
size Breite des Textfeldes
maxlength Maximale Länge des eingegebenen Textes
value vorgegebener Wert

Feldarten

Das Attribut type legt die Feldart fest:

Attribut Hinweis
text normaler Text (default)
password Die Texteingabe wird durch Sternchen dargestellt.
Hinweis: Das muss nicht heißen, dass ein Passwort immer verborgen bleibt (z.B. im Adressfeld des Browsers bei php-Skripten).
int numerische Eingabe

Schaltflächen

Syntax: <input type="p" value="abc">. "type" nimmt folgende Werte an:

Attribut Hinweis
submit Verarbeitung der Daten bei der action-Adresse
reset Zurücksetzen durch Löschen der Eingaben

"value" gibt den Text an, der auf den Schaltflächen steht.

Buttons

Es sind Checkboxes und Radiobuttons gebräuchlich. Der Unterschied:

Attribut Hinweis
checkbox mehrfache Wahlmöglichkeiten
radio eine einzige Wahlmöglichkeit

Online-Anmeldung für Helfer

Die folgenden Daten werden als Email an die Kommission des Spinnefestes weitergeleitet und dort ausgewertet.

Wir versichern Dir, Deine Daten vertraulich zu behandeln. Wir werden Deine Daten unverzüglich löschen, wenn Du das wünschst.

Vorname: Nachname:
Anschrift: PLZ: Stadt:

Wunschzettel - oder: Was ich schon immer machen wollte ...

Wähle bitte eines oder mehrere Arbeitsgebiete aus:

Antiliste - oder: Ihr seht mich nur noch von h..., wenn Ihr mir folgendes zumuten wollt:

Wähle bitte höchstens zwei (denn sonst solltest Du erst überlegen, ob Du überhaupt kommst ...):

Vielen Dank für Deine Mitarbeit!

[nach oben] | [Startseite] → [Exzerpte] → [Übersicht] → Formulare | [Internetworx]