E-Mail Formular - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

E-Mail Formular

Scripte > Form-Mailer

Ein einfaches alternatives HTML E-Mail Formular

Dieses HTML-Script wurde absichtlich sehr einfach gehalten und versendet eine E-Mail über den Parameter "sendto" mit dem installierten Standard E-Mail-Programm des Betriebssytems. Es ist besonders geeignet für Webserver die keine Scriptsprache PHP auswerten können, aber auch für Anfänger in der Webprogrammierung.
Die Formularfelder mit deren Bezeichnungen können im HTML-Code den Bedürfnissen angepasst und erweitert werden. Alle Style-Anpassungen/-Änderungen wie der Formularhintergrund, die Schriftfarbe und -größe sowie alle Objektabstände werden über den entsrechenden CSS-Verweis im Bereich HEAD durchgeführt.
Einfach ZIP-Datei downloaden, entpacken, CSS-Code für den HEAD-Bereich <head>....</head> und den Code für den BODY-Bereich <body>....</body> an gewünschter Stelle in die HTML-Datei einfügen. Diese sind als Textdatei nochmals im Download beigelegt. Eine demo.html liegt ebenfalls bei.
Auf einen Spamschutz wurde der Einfachheit halber hier verzichtet, da ein Spamschutz wiederum in PHP geschrieben ist.
Der Versand erfolgt ausschließlich nur über das jeweilig installierte installierte E-Mail-Programm des Rechners.
Download Button
x runter geladen!
Hier kannst Du eine Nachricht hinterlassen:
Vorname:
Nachname:
Straße:
PLZ:
Wohnort:
E-Mail-Adresse:
Homepage:
Deine Nachricht:
Code für den <HEAD> Bereich
<style type="text/css">
.form_table { width: 650px; height: 350px; text-align: left; font-family: tahoma; color: #000; font-size: 12px; text-indent: 15px; border:1px solid #000; background-color: #ECF4FC; line-height: 150%; }
.form_text { font-family: tahoma; font-size: 12px; font-weight:bold; color: #000; padding-top: 15px; }
.form_field { border-color: #000; color: #000; margin: 1px; }
.form_input { font-family: tahoma; font-size: 12px; font-weight:bold; color: #000; }
.form_submit { font-family: tahoma; color: #000; font-size: 12px; font-weight: bold; background-color: #CAE4FC; border: 1px solid #000; background-color: #CAE4FC; text-indent: 0px; margin-top: 5px; margin-bottom: 15px; margin-right: 50px; padding: 4px; border-radius: 7px; }
</style>
Code für den <BODY> Bereich
<form action="mailto:name@domain.tld?subject=E-Mail-Anfrage" method="post" enctype="text/plain">
<table class="form_table">
<tr>
<td></td>
<td class="form_text">Hier kannst Du eine Nachricht hinterlassen:</td>
</tr>
<tr>
<td class="form_input">Vorname:</td>
<td><input class="form_field" type="text" name="Vorname" size="40"></td>
</tr>
<tr>
<td class="form_input">Nachname:</td>
<td><input class="form_field" type="text" name="Nachname" size="40"></td>
</tr>
<tr>
<td class="form_input">Straße:</td>
<td><input class="form_field" type="text" name="Strasse" size="40"></td>
</tr>
<tr>
<td class="form_input">PLZ:</td>
<td><input class="form_field" type="text" name="PLZ" size="15"></td>
</tr>
<tr>
<td class="form_input">Wohnort:</td>
<td><input class="form_field" type="text" name="Ort" size="40"></td>
</tr>
<tr>
<td class="form_input">E-Mail-Adresse:</td>
<td><input class="form_field" type="text" name="E-Mail-Adresse" size="40"></td>
</tr>
<tr>
<td class="form_input">Homepage:</td>
<td><input class="form_field" type="text" name="Homepage" size="40"></td>
</tr>
<tr>
<td class="form_input">Deine Nachricht:</td>
<td><textarea class="form_field" name="Nachricht" Cols="60" Rows="5"></textarea></td>
</tr>
<tr>
<td></td>
<td><button class="form_submit" type="submit">abschicken</button>   
<button class="form_submit" type="reset">Einträge löschen</button></td>
</tr>
</table>
</form>
Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 1 Online
» 526 Heute
» 469 Gestern
» 1761 Woche
» 5712 Monat
» 75533 Jahr
» 322111 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt