Übersicht

Frag' doch mal was: Formulare


Frag' doch mal was: Formulare

Bis jetzt findet ja ziemlich wenig "Kommunikation" zwischen der WEB-Seiten-Gestalterin und dem "armen Benutzer" statt. Ein erster zarter Versuch, dies zu ändern sind Formulare. Willst du einen Führerschein beantragen, so musst du erst einmal ein Formular ausfüllen, schauen wir mal wie das in HTML geht: Zuerst die einzeilige Texteingabe:

Dann ein paar Radiobuttons

schwarz weiss rot hot

Ach Nein, doch lieber mit Checkbuttons (denn hier darfst du öfters klicken)

schwarz weiss rot brot

Es geht natürlich auch mehrzeiliger Text:



Daneben kannst du dem geneigten Betrachter eine Auswahlliste anbieten:

Wie gefällt dir der Kurs?



<<<

Wie's geht (miniHOWTO)

Zuerst einmal musst du im form-Tag als Parameter unter action deine E-Mailadresse angeben, an die das Formular geschickt werden soll. Unter method kannst du die Art der Datenübertragung bestimmen, wir wählen "post", dann werden die Eingaben im Formular wie eine ganz normale Benutzereingabe auf Kommandozeilenebene behandelt. Wir schauen uns das ganze im Original an:

<form action="mailto:walter.spiegel@web.de"
      method="post" ENCtype="text/plain" >
               Hier kommen die einzelnen Formular-Elemente hin
</form>

Das ENCtype-Attribut sorgt über den Wert text/plain dafür, dass die E-Mail bei dir lesbar ankommt. Die sonst übliche Voreinstellung kodiert Leerzeichen oder auch Sonderzeichen so, dass du Mühe haben wirst, den Text zu entziffern.

Die eben genannten Formular-Elemente entnimmst du bitte der Liste:

Die letzten beiden Attribute in einem Formular bestimmen schließlich, ob die Eingaben des "users" als E-Mail abgeschickt werden oder nicht:

<input type="submit" value="?? Abschicken ??">
<input type="reset" value="Lieber doch nicht">
</form>

submit schickt die Eingaben auf die lange Reise (submit = einreichen), bei reset werden sämtliche Eingaben zurückgesetzt auf den Anfangszustand. Das value-Attribut bestimmt den Eintrag auf dem Schalter im Browser-Fenster.

<<<

Schauen wir uns zu guter Letzt einen leicht geschönten "Testlauf" an:

Subject:
        Form posted from Mozilla
Date:
        Thu, 22 Nov 2222 22:22:22 +0100
From:
        Walter Spiegel <walter.spiegel@web.de>
To:
        walter.spiegel@web.de

Texteingabe=Hallo, ist da wer?
Radio1=rot
Cweiss=ON
Cbrot=on
mehrText=HTML im WWW ist
eine
wunderbare
Sache!
<<<
<<<
    W. Spiegel, E-Mail: walter [dot] spiegel [at] web [dot] de