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:
Daneben kannst du dem geneigten Betrachter eine Auswahlliste anbieten:
<<<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:
<input type="text" size="60" name="Texteingabe">Für das type-Attribut gibt es selbstverständlich mehrere Möglichkeiten:
<textarea name="mehrText" rows="4" cols="25"> </textarea>Die Größe des Textfensters bestimmen die Parameter rows (Anzahl Zeilen) und cols (Anzahl Spalten).
<input type="radio" name="Radio1" value="schwarz">schwarz <input type="radio" name="Radio1" value="rot">rotWICHTIG ist hier das value-Attribut: klickt der "user" zum Beispiel auf rot, so siehst du in deiner E-Mail den Eintrag Radio1=rot (bei schwarz entsprechend: Radio1=schwarz). Die Grammatik lautet also: Name (des Formulars)=Wert (den der Benutzer gewählt hat).
<input type="checkbox" name="Cschwarz">schwarz <input type="checkbox" checked name="Cweiss" value="ON">weissAls Ergebnis erwartest du in deiner E-Mail zurecht: Cschwarz=ON (falls schwarz ausgewählt wurde) oder Cweiss=ON. Über checked name="Cweiss" kannst du als Voreinstellung ein (oder mehrere) Auswahl-Element(e) per value="ON" einstellen. WICHTIG: Hier sind mehrere Auswahlen möglich, das heisst, du darfst öfters mit der Maus klicken. Zuletzt wäre da noch die
<select name="Urteil" size="5"> <option> blöde Frage </option> </select>Mit dem select-Tag richtest du eine Auswahlliste ein. Den namen kennst du schon von oben, size bestimmt die Größe des sichtbaren Auswahlfensters, du kannst aber selbstverständlich innerhalb der Liste "scrollen". Die einzelnen Elemente der Liste werden jeweils in das option-Tag eingeschlossen:
<option> blöde Frage </option> <option> wow </option>
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!<<<