Einfaches Formular

Das weiter unten auf dieser Seite eingefügte voll funktionsfähige Formular zeigt die Grundfunktionen eines Formulars.

• Der form-Tag enthält die Anweisungen, was mit dem Formularinhalt zu geschehen hat. Er lautet: <form action="mailto:test@free-solutions.de?subject=testfeedback" name="feedback" method="post" enctype="text/plain">
  action legt fest, welche Aktion nach dem submit ausgeführt werden soll; in diesem Fall soll der Formularinhalt als eMail mit dem Betreff (subject) "testfeedback" versand werden.
  name ermöglicht eine eindeutige Zuordnung von Funktionen zu diesem Formular.
  method benennt die Methode, wie die Daten übergeben werden sollen.
  enctype ist der MIME-Type wie die Formular-Daten zu übergeben sind.
• Formulare so zu erstellen, dass das Ergebnis an ein eMailprogramm übergeben wird, ist nur eingeschränkt zu empfehlen, da:
  • ein Zusammenspiel zwischen Browser und eMailprogramm grunsätzlich vorhanden sein muss.
  • eine Nachbearbeitung des zu mailenden Textes oft nicht möglich ist, da die Konfiguration des eMailprogrammes meist auf »sofort versenden« gestellt ist und nicht auf »im Postausgang ablegen« bzw. dann noch ein automatisiertes Abrufen/Versenden innerhalb eines bestimmten Zeitintervalles aktiviert ist.
  Daher kann es auch zu »ungewollten« Mails kommen. Das Verhalten des eMailprogrammes nach Übergabe des Formularinhaltes kann vom Formular nicht beeinflusst werden. Um zumindest das Versenden von unvollständig ausgefüllten Formularen zu verhindern, ist JavaScript zur Prüfung der Feldinhalte möglich.
• Leere Text-Felder werden standardmäßig mit übertragen.
• Mit dem input-type radio können mehrere Formularelemente miteinander verbunden werden, so dass stets nur eines markiert werden kann (siehe unten: Benotung).
• Mit dem input-type checkbox können mehrere Formularelemente gleichzeitig ausgewählt werden; allerdings muss bei der name-Vergabe auf unterschiedliche Namen geachtet werden, da sonst in Abhängingkeit von der verwendeten Webtechnologie mitunter nur der erstmarkierte Eintrag übermittelt wird (siehe unten: Interessenschwerpunkte).
• Mit dem input-type text ist es möglich, einzeilige Texteingabefelder zu generieren; die angezeigte Länge wird mit size, die inhaltliche Länge mit maxsize formatiert (siehe unten: eM@il-/Homepage-Adresse).
• Mit dem textarea-Tag sind mehrzeilige Texteingabefelder erzeugbar, die Breite wird mit cols, die Höhe mit rows formatiert (siehe unten: [kurze Beschreibung]).
• button ist ebenfalls ein input-Typ. Die Beschriftung wird mittels value festgelegt; es können aber auch die Standardbeschriftungen des Browsers genutzt werden. Diese sind landessprachenabhänig und lauten beim IE 5.5 DE für submit z.B. Anfrage senden oder für reset zurücksetzen.
  Mit HTML 4 gibt es allerdings auch den button-Tag, der wesentlich mehr Einstellung sowie auch Bilder als Anzeigeelement erlaubt.
• Der Internet-Explorer stellt seit der Version 5 eine Funktion zum automatischen Ausfüllen bereit. Um zu verhindern, dass diese Funktion in einem Eingabefeld aktiv wird, muss sie aktiv unterbunden werden mit dem Parameter: autocomplete="off". Ähnlich rüde steht es um den Umgang mit den SmartTags.

Bitte nehmen Sie sich kurz Zeit und füllen Sie folgendes Formular aus:

Das hier vorgestellte Formular übergibt beim Absenden alle Text-Felder, die leeren Felder ohne Wert, die ausgefüllten Felder mit diesem Wert an das entsprechende eMail-Programm. Radio-Button- oder Checkbox-Werte werden nur übermittlet, wenn diese Elemente markiert sind. Eine Prüfung auf richtiges Ausgefülltsein findet nicht statt.
Verschiedene Möglichkeiten, den Inhalt zu prüfen, finden Sie auf den nachfolgenden Seiten.

In HTML sieht das Formular wie folgt aus

Label-kontrollierte Formularelemente

Mit dem label-Tag lassen sich Formularelemente kontrollieren. Ein Klick auf den »gelabelten« Text ändert den Status des Formularelementes.

© 2000