|
Setelah kita mengetahui cara mendesain sebuah form, berikutnya kita akan mempelajari bagaimana cara memproses nilai-nilai yang sudah dimasukkan ke dalam sebuah form.
Nilai-nilai datau data-data yang sudah dimasukkan oleh user biasanya akan diproses melalu dua jalan:
* Dengan pengiriman melalui email tertentu
* Dengan menyimpan data tersebut ke dalam suatu database di web server
Cara pertama yang akan kita gunakan dalam contoh ini karena relatif lebih mudah dan tidak membutuhkan pengetahuan pemrograman. Kita akan mencoba menggunakan layanan free dari internet dari website free-cgi.com
Langkahnya adalah sebagai berikut:
1. Register username dan password di free-cgi.com
http://www.free-cgi.com/freecgi/register/index.php
masukkan username dan email yang diminta.
Ingat! username dan
email ini adalah data yang sangat penting, dimana username digunakan untuk otorisasi form dan email digunakan sebagai alamat tujuan pengiriman formnya. setelah itu, kita akan diminta mengisi beberapa data dan password akan dikirimkan ke alamat email yang kita masukkan.
2. Edit HTML for yang sudah dibuat
ubah tag form
<FORM METHOD="POST" ACTION="http://www.free-cgi.com/freecgi/form2mail/alternate.php">
masukkan usernamenya pada bagian value, ingat bahwa namenya harus Username (U ditulis dengan huruf besar)
<INPUT TYPE=HIDDEN NAME=Username VALUE="your-username">
setelah form selesai diproses, bagian ini akan membawa kita ke halaman web yang kita inginkan, tulis saja alamat website yang kita ketahui, misal yahoo.com
<INPUT TYPE=HIDDEN NAME=Continue VALUE="http://your-address">
berikutnya, kita bisa mengisikan subject dari email yang nantinya akan kita terima sebagai berikut:
<INPUT TYPE=HIDDEN NAME=Mail_Subject VALUE="the-mail-subject">
selanjutnya, kita harus memasukkan tiap-tiap namma object yang kita gunakan dalam form tersebut untuk nantinya valuenya akan dikirim ke email kita
<INPUT TYPE=HIDDEN NAME=Order VALUE="name,address, city,state,zip,country,phone,email,website">
dan yang terakhir, kita imbuhkan tombol submit dan reset untuk memproses form kita
<INPUT TYPE=SUBMIT NAME=Submit VALUE="Submit">
<INPUT TYPE=RESET NAME=Reset VALUE="Reset">
|