Einfaches Kontaktformular mit HTML und PHP

UPDATE 30.05.2018: Version 3 von dem einfachen Kontaktformular mit HTML und PHP
Weiterhin ist das Kontaktformular eine komplett kostenlose Vorlage und sehr einfach zum Einbauen. Außerdem mit zusätzlichen Hilfestellungen bei möglichen Fehlern und einer Videoanleitung.


Hier dein kostenloses Kontaktformular erstellen.

Kostenloses Kontaktformular mit HTML und PHP

 

 

 

Alte Version:

Zum Download springen
Demo

In diesem Tutorial möchte ich euch zeigen wie man ganz einfach ein Kontaktformular erstellt, welches anschließend dem Webmaster eine E-Mail mit den eingegeben Daten schickt. Wir werden das Formular selber mit HTML schreiben und um die Daten anschließend zu verarbeiten verwenden wir PHP.

HTML Kontaktformular

(Darstellung von Code ist in WordPress leider etwas schlecht)

<html>
<head>
<title>Kontaktformular</title>
</head>
<body>
<div id=“kontaktformular“ style=“width: 365px“>
<form action=“kontakt.php“ method=“post“>
Name: <input name=“name“ size=“40″><br />
E-Mail: <input name=“email“ size=“40″><br />
Betreff: <select name=“betreff“ size=“1″>
<option>Hilfe</option>
<option>Kritik</option>
<option>Linktausch</option>
<option>Werbung</option>
<option>Sonstiges</option>
</select><br />
Nachricht: <br />
<textarea name=“text“ cols=“50″ rows=“10″></textarea><br />
<input name=“submit“ type=“submit“ value=“absenden“>
<div style=“float:right;font-size: 50%; text-align: right“>by <a href=“http://www.devno.com“>devno</a></div>
<div style=“clear:both;“></div>
</form>
</div>
</body>
</html>

 

Mit diesem HTML-Code haben wir eine Seite erstellt, welche einen Titel hat und ein Formular mit Eingafeldern enthält. Außerdem haben wir beim Betreff ein Auswahlbox erstellt und somit kann der Besucher einfach auswählen, warum er Kontakt aufnehmen will. Jetzt benötigen wir noch ein PHP-Skript, an das die eingegeben Daten geschickt werden und welche wir dann verarbeiten und an unsere E-Mail Adresse schicken.

PHP Skript zum Verarbeiten der Daten

In der ersten Zeile musst du noch deine E-Mail Adresse eintragen, damit auch du die E-Mail bekommst.

<?php
$Empfaenger = „your.mail@example.com“;
?>
<html>
<head>
<title>Einfaches Kontaktformular mit HTML und PHP</title>
</head>
<body>
<?php
if($_REQUEST[’submit‘]){
if(empty($_REQUEST[’name‘]) || empty($_REQUEST[‚email‘])
|| empty($_REQUEST[‚text‘]))
{
echo“Bitte gehen Sie <a href=\“javascript:history.back();\“>
zur&uuml;ck</a> und f&uuml;llen Sie alle Felder aus“;
}
else{
$Mailnachricht=“Sie haben eine Anfrage über ihr Kontaktformular erhalten:\n“;
$Mailnachricht .= „Name: „.$_REQUEST[’name‘].“\n“.
„E-Mail: „.$_REQUEST[‚email‘].“\n“.
„Betreff: „.$_REQUEST[‚betreff‘].“\n“.
„Datum: „.date(„d.m.Y H:i“).“\n“.
„\n\n“.$_REQUEST[‚text‘].“\n“;
$Mailbetreff = „Kontakt: „.$_REQUEST[‚betreff‘];
mail($Empfaenger, $Mailbetreff, $Mailnachricht, „From: „
.$_REQUEST[‚email‘]);
echo „Wir haben Ihre Anfrage erhalten und werden sie so schnell wie möglich bearbeiten. <br>
<a href=\“javascript:history.back();\“>Zur&uuml;ck</a>“;
}
}
else
{
echo“Ein Fehler ist aufgetreten. Hier können Sie eine <a href=\“kontakt.html\“>Anfrage</a> an uns senden.“;
}
?>
</body>
</html>

Das Skript prüft am Anfang, ob die Variable Send übergeben wurde. Damit wird sichergestellt, dass die PHP-Datei nicht einfach so aufgerufen werden kann, sondern nur per Submit von dem Formular. Als nächstes wird die Vollständigkeit der eingegebenen Daten überprüft. Anschließend wird nur noch die E-Mailnachricht erstellt, welche wir als Webmaster erhalten.

Mit dieser einfachen Möglichkeit könnt ihr euren Besuchern eine konfortable Möglichkeit bieten, mit euch in Kontakt zu treten. Denn viele Internetuser verwenden lieber vorgefertigte Formulare, als selbst E-Mails zu verfassen.

Download

kontakt.php und kontakt.html in einem Archiv

kontakt.zip

Wenn jemand den (fast unsichtbaren) Link unterhalb des Skripts entfernen möchte, würde ich um einen Link von einer anderen Unterseite bitten. Danke!

Anleitung: Entpacken und anschließend in der Datei kontakt.php in der zweiten Zeile sein eigene E-Mail-Adresse angeben. Dann kontakt.php und kontakt.html auf den eigenen Server hochladen. Das Kontaktformular befindet sich in der kontakt.html, also diese Datei auf der eigenen Website verlinken.

Einbauen in die eigene Seite

Wenn man schon eine eigene Seite hat und das selbe Design auch bei dem Kontaktformular haben möchte, kopiert einfach nur ab <div id=“kontaktformular“ … bis </div> vor dem Ende des Bodys in eure bestehende Seite.

kontakt.php muss trotzdem hochgeladen werden.

Job finden mit Twitter

Dieser Beitrag richtet sich vor allem an alle, die kleine Jobs für zwischendurch suchen. Natürlich gibt es auch viele Angebote für Festanstellungen, aber bei sich in der Nähe etwas zu  finden ist wirklich schwer. Diese Jobsuche gilt allerdings fast ausschließlich für den IT-Bereich, weil nur hier die Twitter Popularität wirklich hoch ist.

Wir suchen zum Beispiel einen kleinen Programmierauftrag für PHP, um ein bißchen Geld nebenbei zu verdienen. Wir könntet jetzt sämtliche Webmaster- und Programmierforen durchsuchen, um dort eventuell einen Auftrag zu erhalten. Allerdings wird allein für die Suche hier schon viel Zeit beansprucht.

twittersuche

Viel einfacher geht es mit der Suche von Twitter. Außerdem hat man so auch gleich einen direkten Kontakt mit dem potentiellen Auftraggeber und kann kontrollieren ob er einen seriösen Eindruck macht. Dies könnte man eventuell an seinen Twitternachrichten erkennen bzw. an seiner hinterlegten Homepage.

Für unser Beispiel geben wir einfach in der Twittersuche „PHP Programmierer“ ein und schon finden wir zahlreiche Tweets, in welchen PHP Programmierer gesucht werden. Natürlich gibt es noch sehr viele andere Wortkombinationen um einen Auftrag zu erhalten, aber da müsst ihr einfach viel ausprobieren.

twittersuche-ergebnis

Falls du es noch nicht wissen solltest, du kannst jede Query als Feed abrufen und bist somit immer am aktuellen Stand. Viel Spaß mit der Twittersuche.

Es hat begonnen

Das Blog ist nun ein bißchen mehr als eine Woche alt und es sind bereits die ersten Besucher von der Suchmaschine zu mir gekommen. Die erste Keyword Kombination war „Autos bei Lidl“ und wurde natürlich zu meinem Artikel über Lidl geleitet.

Es ist wirklich beeindruckend wie schnell es geht, aber immerhin habe ich bei diesem Blog SEO-technisch nicht viel falsch gemacht, zumindest im Gegensatz zu meinem ersten Blog. Natürlich ist es nur eine Standardoptimierung auf Basis eines Cheatsheets, aber trotzdem zeigt es seine Wirkung.

Ich hoffe natürlich das es mit der steigenden Anzahl von Artikel immer mehr Suchmaschinenbesucher kommen werden und hoffentlich bringen auch die älteren Artikel konstant Besucher auf meinen Blog. Doch meine Erfahrung zeigt, dass vor allem bei neuen Artikeln Besucher kommen, weil man da einen sogenannten Blogbonus erhält und für die ersten paar Tage weit oben in den SERPs ist.

Domain-Karte gratis für alle Blogger

karte-ausschnittBin gerade durch mifupa auf die gratis Domainkarte für alle Blogger aufmerksam geworden. Weil ich an der Wand noch ein bißchen Platz frei habe und eigentlich noch nichts „geekiges“ in dem Zimmer habe, werde ich mir auch mal diese Karte holen.

Also falls ihr euch auch das 120 cm x 60 cm große Poster kaufen holen wollt, schreibt einen Beitrag darüber und verlinkt die Seite. Außerdem wird es noch einen Teil 2 geben, bei dem man einfach ein Foto von sich und dem aufgehängtem Poster machen muss, um so auf domain-karte.de verlinkt zu werden. Vielleicht mache ich da ja auch noch mit.

Firewall der Schule/Firma umgehen

Achtung diese Möglichkeit eine Firewall zu umgehen, ist nicht in allen Unternehmen/Schulen erlaubt, also alles auf eigene Gefahr!

Wer kennt das nicht, man hat gerade nichts zu tun und möchte beispielsweise ein paar Tweets auf Twitter (Follow me) durchlesen, um auf dem aktuellen Stand zu sein. Doch leider wurde die Seite vom Systemadministrator geblockt und es ist kein einfacher Zugriff möglich.

Abhilfe schaft hier ein sogenannter Proxy. Man sendet einfach die gewünschte Seite zu dem Proxy und dieser schickt dann diese zurück. Dabei hat man aber selbst keine Verbindung mit zum Beispiel Twitter.com aufgebaut und die Firewall hat also nichts dagegen.

Das Programm, welches ich empfehle, heißt JAP und ist von der TU Dresden. Es verbindet sich automatisch mit einem Server der Uni und stellt somit eine kostenlosen Proxy dar. Falls einem die Geschwindigkeit nicht ausreicht kann man einen Premium Account erwerben, um so Zugriff auf schnellere Servern zu bekommen. Einfach das Programm installieren und anschließend Starten. Nach wenigen Sekunden sollte eine Verbindung aufgebaut sein und jetzt muss man nur noch den Browser richtig konfigurieren.

jap

Ich möchte euch jetzt eine komfortable lösung für den Browser Firefox zeigen, nämlich mit dem Plugin FoxyProxy. Damit ist es möglich nur bei bestimmten Seiten einen Proxy zu verwenden. Dadurch verliert ihr beim normalen Surfen keine Zeit und könnt trotzdem auf blockierte Seiten zugreifen. Dazu legt ihr einfach in den Einstellungen einen neuen Proxy an und schreibt unter den Proxy-Details folgendes rein: Host-Name ist localhost und Port 4001. Dies ist die Standardeinstellung von JAP und sollte bei allen funktionieren.

07-09-06-foxyproxy

Nun könnt ihr unter URL-Muster Websites bestimmen, bei welchen der Proxy verwendet werden soll. Dazu einfach ein nues Muster hinzufügen und einenNameneintragen sowie eine URL zum Beispiel *.twitter.com*. Die * stehen dabei für beliebig viele andere Zeichen, damit auch wirklich bei allen unterseiten der Proxy verwendet wird. Jetzt noch auswählen, das die Proxies entsprechend ihrer konfigurierten Must verwendet werden und dann sollte es los gehen. Viel Spaß beim Twittern mit dem gratis Proxy.

USB-Stick in Fingerprothese

Es gibt schon viele verrückte Leute, einer von ihnen ist Jerry Jalava. Er ist Softwareentwickler und Konzept Designer, außerdem bloggt er auf protoblogr.net. Er hatte letztes Jahr einen Motorradunfall, bei dem er den halben linken Ringfinger verloren hatte. Er hat sich aber nicht für eine normale Prothese entschieden, sonder für eine abnehmbare Prothese mit integrietem USB-Stick.

Er schreib in seinem Blog, dass er derzeit Billix, CouchDBX und Ajatus immer mit sich trägt. Außerdem plant er schon die nächste Version, ein Finger mit abnehmbarer Fingerkuppe und einem RFID Tag. Ich wünsche ihm auf jeden Fall noch viel Glück bei seinen zukünftigen Entwicklungen.

Gedanken über Browsergames

Nunja was kann ich zum Thema Browsergames sagen? Ich denke ich werde ganz am Anfang anfangen. Es ist eigentlich schon ziemlich lange aus, als ich mein erstes Browsergame gespielt habe. Es war natürlich OGame, welches zu dieser Zeit DAS Browsergame überhaupt war und ich war immerhin fast 1 Jahr teil der Community. Dann wurde es mir aber  zu langweilig und ich machte anschließend einen abstecher zu die-stämme, welches ich genial fand. Vor allem die Speed Server hatten es mir angetan und da ging schon das eine oder andere Wochenende drauf.

Doch leider passierte mit die-stämme was mit vielen Browsergames geschah, Geld rückte immer weiter in den Vordergrund. Spieler mit Premium Accounts hatten große Vorteile und alle anderen wurden auch von den Speedservern ausgeschlossen. Ich sah allerdings nicht ein für ein Browsergame Geld zu bezahlen, weshalb ich bis jetzt eigentlich nie mehr wirklich aktiv in einem Browsergame war.

Allerdings hatte ich auch das Glück in der Schule bei einem Projekt teilzunehmen, welches als Ziel die Entwicklung eines Browsergames hatte. Einfacher gesagt als getan, immerhin hatten wir noch fast keine Ahnung von PHP und MySql. Planung war sowieso ein Fremdwort, also programmierten wir drauf los, jeder in seinem eigenen Programmierstil. Das Ergebnis war dann aber besser als ich erwartet hatte, aber aus der Beta ist es trotzdem nicht herausgekommen, weil nach 1 Jahr intensiver Programmierung einfach die Lust fehlte. Aber es brachte mir doch sehr viel, immerhin war es das erste große Projekt in PHP.

Welches Browsergame soll ich als nächstes spielen? Damit man ein bißchen mehr Ãœbersicht hat sollte man einen der zahlreichen Onlinelisten von Browsergames nutzen. Ich durchsuche derzeit kostenlose-browserspiele nach einem passenden Spiel. Es gibt sogar schon ein Browsergame zu Germany’s next Topmodel, die Branche entwickelt sich wirklich rasant.

Evernote – Ãœberall die selben Notizen

Viele kennen sicher das Problem, dass ihre Notizen am Computer, Notebook und Handy unterschiedlich sind. Schnell vergisst man etwas und dann ärgert man sich, weil man es sich doch notiert hat. Der Webservice Evernote soll dieses Problem aus der Welt schaffen. Ziel ist es immer und überall auf die selben Notizen zu zugreifen. Egal ob vom Standrechner, Notebook oder Handy, es werden immer alle Notizen online gespeichert und dann abgerufen.

Webinterface von Evernote
Webinterface von Evernote

Die Weboberfläche ist sehr einfach aufgebaut und man benötigt keinerlei Anleitungen, auch wenn alles auf English ist. Man kann verschiedene Notizblöcke erstellen und dort jeweils verschiedene Notizen speichern. Außerdem können bis zu 10 Audio, Bilder oder PDF Dateien angehängt werden. In der kostenlosen Version muss man allerdings aufpassen, denn man hat nur 40 MB Upload zur verfügung. Bei einem Upgrade auf Pro ($5/Monat) stehen 500 MB, eine sicher Verbindung über SSL und eine Premium Support zur verfügung. Außerdem kann man auch Notizen an eine automatisch generierte E-Mail-Adresse senden und so die Notizen speichern. Dies ist vor allem dann sinnvoll, wenn das eigene Handy kein Internet unterstützt oder es keine eigene Applicationen für Evernote gibt.

Ich nutze Evernote beispielsweise mit einem Panel auf meinem Sony Ericcsson Xperia X1. Eine wirklich sehr konfortable Lösung, denn das Menü ist mit 5 Punkten sehr übersichtlich, bietet aber trotzdem den vollen Funktionsumfang.

Blogparade gekürzte oder vollständige Feeds anbieten

Bin auf die Blogparade von blog-gedanken.de gestossen und möchte dazu auch einmal ein paar Worte verlieren. Wie man schon im Titel erkennen kann geht es um die Feeds von Blogs. Ich persönlich biete einen Fullfeed an und das wird zu 99% auch dabei bleiben, denn ich hasse es wenn ich in meinem Feedreader nicht den ganzen Artikel angezeigt bekomme. Natürlich verliert der Blogbetreiber viele Seitenaufrufe und Klicks, aber durch Stammleser wird man sicherlich nicht reich. Außerdem sollte man genau diesen einen Bonus geben, denn fast alle Kommentare kommen von Stammlesern und nicht von Suchmaschinenbesuchern.

Natürlich gibt es das Argument mit dem Content-Diebstahl, aber dafür gibt es WordPress Plugins, welche einen eindeutigen Stempel hinzufügen. Ein weiterer Grund gegen gekürzte Feeds sind die mobilen Anwender, ich lese zum Beispiel oft im Zug ein paar Beiträge im Feedreader, wenn ich nun aber eine gekürzte Nachricht vollständig lesen möchte gibt es Probleme. Denn dann muss man den gesamten Blog laden und bei 50 MB pro Monat muss man wirklich überlegen wieviel welche Information wirklich wert ist. Außerdem dann kommt wieder das Problem mit der Anzeige auf dem kleinen Display etc.

Deshalb habe ich auch schon begonnen gekürzte Feeds aus meinem Feedreader zu entfernen und neue gar nicht mehr aufzunehmen. Schlussendlich muss jeder für sich abwiegen, ob es ihm wert ist ein paar Klicks mehr auf seinem Blog zu haben, dafür aber weniger Leser insgesamt. Die Blogparade geht übrigens noch bis zum 31.03.2009.

Google speichert inviduelles Surfverhalten

Heute habe ich eine E-Mail von Google Adsense bekommen, dass in Zukunft Surfverhalten von den Webseitenbesuchern gespeichert werden, um damit relevantere Anzeigen zu schalten. Dabei werden die User in sogenannte Interessenkategorien eingeteilt und diese werden in einem Cookie im Browser gespeichert. Natürlich funktioniert dadurch das Ganze seitenübergreifend, also wenn ich zum Beispiel auf 5 verschiedenen Blumenseiten surfe und dann einen Blog besuche, könnte ich eine Anzeige von einem Blumenshop angezeigt werden.

Ich bin zwar der Meinung, dass Google das schon seit Jahren macht und somit jetzt schon viele Daten zur Verfügung stehen. Damit können sie jetzt offiziell diese Daten nutzen und so eventuell mehr Geld durch die relevanteren Anzeigen verdienen. Allerdings kann man auch manuell Einstellungen vornehmen und die Interessenkategorien auf dieser Seite editeren oder die gesamte Funktion deaktivieren. Außerdem hat Google auch noch darauf hingewissen, dass man die Datenschutzbestimmungen eventuell anpassen muss.

Was wird wohl als nächstes kommen?