Δημιουργήστε Μια Απλή Φόρμα Επικοινωνίας Σε PHP
Πολλές φορές χρειάζεται να φτιάξουμε μια φόρμα επικοινωνίας για την ιστοσελίδα μας, με τα πεδία και την λειτουργικότητα που εμείς θέλουμε. Σε αυτό το βοήθημα θα δούμε πως μπορούμε να δημιουργήσουμε μια απλή φόρμα επικοινωνίας από το μηδέν, γράφοντας κώδικα σε PHP και HTML.
Πρώτα από όλα θα πρέπει να δημιουργήσουμε το αρχείο που θα περιέχει την φόρμα επικοινωνίας. Το αρχείο αυτό θα ονομάζεται contact.html. Για να το δημιουργήσουμε μπορούμε πολύ απλά να δημιουργήσουμε ένα κενό αρχείο κειμένου (txt) και να το μετονομάσουμε σε contact.html.
Η Φόρμα Επικοινωνίας
Ανοίγοντας το νέο αρχείο που δημιουργήσαμε θα αρχίσουμε να γράφουμε τον κώδικα την φόρμας. Η φόρμα συν των άλλων θα έχει radio buttons, drop down selections και checkboxes, απλά για να δούμε την λειτουργία τους.
<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>My Contact Form</title> </head> <body> <form method="POST" action="mailer.php"> ONOMA: <input type="text" name="name" size="19"><br> <br> EMail: <input type="text" name="email" size="19"><br> <br> <input type="checkbox" name="check[]" value="blue"> MPLE<br> <input type="checkbox" name="check[]" value="green"> PRASSINO<br> <input type="checkbox" name="check[]" value="orange"> PORTOKALI <br> <br> <input type="radio" value="yes" name="radio"> NAI<br> <input type="radio" value="no" name="radio"> OXI <br> <br> <select size="1" name="drop_down"> <option>php</option> <option>xml</option> <option>asp</option> <option>jsp</option> </select><br> <br> MHNYMA:<br> <textarea rows="9" name="message" cols="30"></textarea><br> <br> <input type="submit" value="Submit" name="submit"> </form> </body> </html>
Ο παραπάνω κώδικας, δημιουργεί τον πίνακα στον οποίο εμπεριέχεται η φόρμα επικοινωνίας μας. Πρέπει να προσέξουμε στις τιμές που έχει κάθε πεδίο, ώστε να μπορέσουμε να τα αποστείλουμε σωστά στο δεύτερο αρχείο μας που θα αναλάβει να αποστέιλει το email.
Αποστολή Των Στοιχείων
Έχοντας τελειώσει με την φόρμα μας, πρέπει να δημιουργήσουμε ένα δεύτερο αρχείο με όνομα mailer.php, το οποίο θα αποστέλλει τα στοιχεία που συμπληρώνει ο χρήστης στο email που θα επιλέξουμε . Μέσα σε αυτό θα επικολλήσουμε τον κώδικα που ακολουθεί
<?php
if(isset($_POST['submit'])) {
$to = "email@email.gr";
$subject = "Form Contact Form";
$name_field = $_POST['name'];
$email_field = $_POST['email'];
$message = $_POST['message'];
$option = $_POST['radio'];
$dropdown = $_POST['drop_down'];
foreach($_POST['check'] as $value) {
$check_msg .= "Checked: $value\n";
}
$body = "From: $name_field\n E-Mail: $email_field\n $check_msg Option: $option\n Drop-Down: $dropdown\n Message:\n $message\n";
echo "Your Mail Was Sent To $to!";
mail($to, $subject, $body);
} else {
echo "Error";
}
?>
Ο παραπάνω κώδικας αναλαμβάνει να αποστείλει όλα τα στοιχεία που έχει εισάγει ο χρήστης στο email μας. Αυτό το κάνει παίρνοντας τις αξίες email,message,radio,drop_down,checkbox και name απο την φόρμα επικοινωνίας μας. Μας στέλνει λοιπόν ένα email με όλες τις επιλογές και τα στοιχεία που συμπλήρωσε ο χρήστης. Επίσης ειδοποιεί τον χρήστη αν το μήνυμα εστάλλει ή παρουσιάστηκε πρόβλημα.
Αντικαθιστούμε το email@email.gr με το email μας στο οποίο θέλουμε να λαμβάνουμε τα στοιχεία της φόρμας, και σώζουμε τα 2 αυτά αρχεία. Τώρα το μόνο που έμεινε είναι να ανεβάσουμε τα αρχεία μας στον server μας, και να δοκιμάσουμε την φόρμα που δημιουργήσαμε. Αυτό θα το κάνουμε αν περιηγηθούμε στην τοποθεσία που ανεβάσαμε τα αρχεία. Για παράδειγμα http://www.test.gr/contact.html.
Μπορείτε να δείτε ένα παράδειγμα της φόρμας ΕΔΩ
Άν είστε ήδη συνδρομητής κάντε login με τα στοιχεία σας. Για να γίνετε συνδρομητής πατήστε εδώ
Anonymous 
,
Stratos 
Καλημέρα! Έφτιαξα τη φόρμα πολύ εύκολα και δουλεύει ! Όμως τα Ελληνικά τα βλέπω “ιερογλυφικά”. Αλλαξα το “charset=utf-8″ αλλά δεν βλέπω διαφορά. Μήπως μπορείτε να με βοηθήσετε;
Ευχαριστώ!