Kontakt
(Beispiel ohne Funktion)
Die einfachste Möglichkeit eines Kontaktes bietet ein Mailto-Link.
Tipp: Quellcode anschauen!
Nachteil: Damit dieser auch funktioniert, muß ein Mailprogramm installiert sein. Auch wird dadurch die Absenderadresse des Benutzers preisgegeben. Ein Vertrauensvorschuss, den viele nicht leisten möchten. Viel eleganter ist doch ein Formular. Zumal man dieses auch in einem späteren Schritt mit PHP gezielt auswerten könnte.
Ein Klick auf Abschicken sendet die Eingaben zur Verarbeitung an ein Programm auf dem Webserver. Sollte Ihr Provider ein solches nicht zur Verfügung stellen, bietet der Formular-Chef von nettz.de eine kostenlose Alternative.
Leider muß dem Formular-Chef im Quellcode die Zieladresse genannt werden. Zu deren Verschleierung können Sie jedoch einfach das @-Zeichen durch X§X ersetzen: nameX§Xdomain.de. Dieser Trick funktioniert jedoch nur beim Formular-Chef und die Spamprogramme werden auch leider immer schlauer...
Die allereinfachste Methode zur Spamabwehr ist übrigens das regelmäßige Umbenennen der Kontaktseite (z.B. kontakt1.htm, kontakt2.htm). Natürlich nicht vergessen, auch den Navi zu ändern!
Aufbau eines Formulares
Ein Formular wird mit FORM eingeleitet und enthält meist mehrere einzeilige Eingabefelder INPUT vom Typ TEXT. Der Absendebutton ist entweder auch ein INPUT vom Typ SUBMIT oder ein BUTTON. Letzterer bietet mehr Möglichkeiten, ihn der Gestaltung des Seitenlayouts anzupassen.
Zur Beschriftung der Formularelemente sollten LABELS verwendet werden, um über FOR einen logischen Bezug zu den Elementen herzustellen. Stichwort Semantische Auszeichnung (Semantik = Lehre der Bedeutung)
Weiterhin können bei umfangreicheren Formularen mit FIELDSET Element-Gruppen definiert werden. Diese können auch mit LEGEND optisch dargestellt werden. Schauen Sie gegebenenfalls einfach bei SelfHTML nach.
Einfaches Beispiel:
<form id="kontakt" action="http://www.nettz.de/Formular-Chef/Formular-Chef.cgi"
method="post" enctype="multipart/form-data">
<input type="hidden" name="empfaenger" value="nameX§Xdomain.de">
<div>
<label for="absender">Ihre eMail-Adresse:</label>
<input type="text" id="absender" name="absender">
</div>
<div>
<label for="nachricht">Ihre Nachricht:</label>
<textarea id="nachricht" name="nachricht" cols="20" rows="5"></textarea>
</div>
<div>
<input id="submit" type="submit" name="submit" value="abschicken">
<!-- oder:
<button id="submit" type="submit" name="submit" value="okay">Okay</button>
-->
</div>
</form>
Weitere mögliche Formularfelder
Tipp: Quellcode anschauen! Siehe auch SelfHTML.
