Proses Request Form
Tentunya timbul pertanyaan bagi kita, bagaimana cara server memproses data-data dari form yang diterimanya?. Dalam suatu formulir harus disebutkan scrip atau file yang akan mengelolah data-datanya di server. Yang paling sederhana adalah kita dapat mengirim data-data tersebut ke sebuah email, atau bisa dengan email kita sendiri.
karena dengan menggunakan scrip atau file yang akan kita buat dan bangun bisa menyimpan data dengan aman dan mudah serta simple melalui email yang kita miliki. beriku akan saya berikan contohnya untuk kalian yang ingin menyinpan data-data ke server.
Seperti contoh ini :
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<title>Form Ke 1 </title>
</head>
<body>
<form method="post" action="mailto:david******@gmail.com" enctype="text/plain" >
Masukkan Nama Anda :
<input type="text" name="nama" size="" value="" /><br>
Masukkan Password Anda :
<input type="password" name="pass" size="10" value=""><br>
<input type="hidden" name="status" value="member">
<input type="submit" name="tombol" value="Kirim">
<input type="reset" value="Reset">
</form>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Input jenis reset berfungsi untuk menghapus semua karakter dari form yang telah disediakan. Tombol ini akan sangat bermanfaat pada formulir dengan isian yang banyak.
Atribut enctype="text/plain" akan mengirimkan form sebagai text biasa. Dan atribut method="post" adalah method yang digunakan untuk pengiriman data ke server, dimana bisa bernilai (post atau get).
Kita lihat tampilan sebagai berikut :
 |
| Form Submit ke Email |
Lihat Hasil dari email yang terkirim ke alamat email tersebut :
Subject : Form posted from mozilla
Date : Sat, 18 Jun 2016 05:30:11 +0700
From : Shelby Valeska <info@nurulfikri.com>
Organization : Will be
To : david****@gmail.com
Nama = Shelby
Pass = nurulfikri
status = member
tombol = kirim
Dari sini anda pastii dapat mengambil beberapa kesimpulan. Misalnya variable sembunyi tidak ada nilainya karena memang tidak diberikan nilai. Lihat alamat email penerima email.
Checkbox Dan Radio Button
Element pilihan dalam sebuah formulir ada beberapa pilihan yang boleh dipilih satu atau lebih. Atau tidak dipilih sama sekali. Jenis pilihan seperti ini disebut dengan checkbox. Contohnya hobi atau makanan kesukaan. Sedangkan pilihan radio button memberikan hanya boleh di pilih satu saja di antara beberapa pilihan yang ada, misalnya jenis kelamin
Kita masih menggunakan tag input untuk kedua element form ini, tetapi atribut yang dipakai berbeda.
Perhatikan contoh berikut ini :
Hasilnya akan seperti dibawah ini :
Untuk tipe checkbox, nama-nama element tidak sama dan nilai pengisinya boleh sama, boleh juga tidak sama. Pilihan ini disesuaikan dengan kebutuhan kita. Untuk tipe radio button nama element from sama dan setiap pilihan mempunyai nilai yang berbeda-beda.
Element pilihan dalam sebuah formulir ada beberapa pilihan yang boleh dipilih satu atau lebih. Atau tidak dipilih sama sekali. Jenis pilihan seperti ini disebut dengan checkbox. Contohnya hobi atau makanan kesukaan. Sedangkan pilihan radio button memberikan hanya boleh di pilih satu saja di antara beberapa pilihan yang ada, misalnya jenis kelamin
Kita masih menggunakan tag input untuk kedua element form ini, tetapi atribut yang dipakai berbeda.
Perhatikan contoh berikut ini :
<html>
<head>
<title>Form Ke 1 Checkbox & Radio Button </title>
</head>
<body>
<form>
<p> Pilih menu yang anda inginkan : </p>
<input type="checkbox" name="menu1" value="Y" /> Menu Pertama <br />
<input type="checkbox" name="menu2" value="Y" /> Menu Kedua <br />
<input type="checkbox" name="menu3" value="Y" /> Menu Ketiga <br />
<input type="checkbox" name="menu4" value="Y" /> Menu Keempat <br />
<p> Jenis Kelamin </p>
<input type="radio" name="dk" value="L" /> Laki-laki <br />
<input type="radio" name="dk" value="P" /> Perempuan <br />
<input type="radio" name="dk" value="N" /> Tidak Ditemukan </p>
</form>
<!-- Website Complete Coding Blogspot -->
</body>
</html>
Hasilnya akan seperti dibawah ini :
 |
| Komponen checkbox dan radio button |
Untuk tipe checkbox, nama-nama element tidak sama dan nilai pengisinya boleh sama, boleh juga tidak sama. Pilihan ini disesuaikan dengan kebutuhan kita. Untuk tipe radio button nama element from sama dan setiap pilihan mempunyai nilai yang berbeda-beda.
Belum ada tanggapan untuk "Cara Konensi Ke Server Melalui Form HTML"
Posting Komentar