Tidak lengkap sesuatu web jika tiada borang hubungi kami (Contact Us).
Soalan ini juga sering kali ditanya oleh peserta kursus. Bagaimana cara untuk hantar email / Borang hubungi kami.
Kali ini saya akan tunjukkan tutorial yang mudah. Copy paste sahaja dah siap.
DEMO
Langkah 1 – Bina Borang Hubungi Kami
Sila bina satu fail baru bernama index.html
Kodnya adalah :
<table style="width: 800px; margin: 10px auto; border: 1px solid #ddd; padding: 10px;"> <tr> <td> <form id="form1" name="form1" method="post" action="hantar_emel.php"> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="2"><h1>Hubungi Kami</h1></td> </tr> <tr> <td colspan="2"><hr /></td> </tr> <tr> <td width="21%">Nama</td> <td width="79%"><input name="nama" type="text" id="nama" size="40" /></td> </tr> <tr> <td>Emel</td> <td><input name="emel" type="text" id="emel" size="40" /></td> </tr> <tr> <td>Tel</td> <td><input type="text" name="tel" id="tel" /></td> </tr> <tr> <td>Subjek</td> <td><input name="subjek" type="text" id="subjek" size="40" /></td> </tr> <tr> <td>Mesej</td> <td><textarea name="mesej" cols="35" rows="4" id="mesej"></textarea></td> </tr> <tr> <td> </td> <td><input type="submit" name="button" id="button" value="Hantar" /></td> </tr> <tr> <td colspan="2"><hr /></td> </tr> <tr> <td> </td> <td align="right"><a href="https://www.belajarphp.com"><small>Powered By : BelajarPHP.com</small></a></td> </tr> </table> </form></td> </tr> </table>
Langkah 2 – Proses hantar borang menggunakan PHP
Apabila anda tekan butang ‘Hantar’ proses inilah yang akan menghantar email tersebut.
Sila bina satu lagi fail baru bernama hantar_emel.php
Kodnya adalah :
Selesai.
Mudah sahaja bukan.
Moga artikel ini bermanfaat.
Leave a Reply