Belajar Membuat Formulir Kontak Sederhana

Elemen formulir adalah berbagai jenis elemen masukan, seperti bidang teks, kotak centang, tombol radio, tombol kirim, dan banyak lagi.
Elemen HTML <form> mendefinisikan bentuk yang digunakan untuk mengumpulkan informasi pengguna.

Sekarang kita akan mulai praktek "Belajar Membuat Formulir Kontak Sederhana".

• Silahkan anda masuk dulu ke blogger.com
• Lalu pilih Halaman/Page
• Anda pilih Halaman Baru / New Page
• Pilih mode HTML bukan mode  Compose  
• Lalu Pastekan kode dibawah ini

<form> First name:<br> <input type="text" name="firstname"><br> Last name:<br> <input type="text" name="lastname"> </form>

Klik Compose, maka hasilnya akan seperti ini :

First name:

Last name:

Radio Button

<input type = "radio">  mendefinisikan sebuah tombol radio.
Tombol radio membiarkan pengguna memilih SATU dari beberapa pilihan terbatas:

<form> <input type="radio" name="gender" value="male" checked> Male<br> <input type="radio" name="gender" value="female"> Female<br> <input type="radio" name="gender" value="other"> Other </form>

Maka hasilnya seperti ini :

Male
Female
Other

Tombol Kirim

<input type = "submit"> mendefinisikan sebuah tombol untuk mengirimkan data formulir ke form-handler.
Form-handler biasanya adalah halaman server dengan script untuk memproses data masukan.

<form action="/action_page.php"> First name:<br> <input type="text" name="firstname" value="Rita"><br> Last name:<br> <input type="text" name="lastname" value="Oktaviani"><br><br> <input type="submit" value="Submit"> </form>

Maka hasilnya seperti ini :

First name:

Last name:

Attribut Action mendefinisikan tindakan yang akan dilakukan saat formulir dikirimkan.
Biasanya, form data dikirim ke halaman web di server saat pengguna mengklik tombol submit.
Pada contoh diatas, form data dikirim ke halaman di server yang bernama "/action_page.php". Laman ini berisi skrip sisi server yang menangani data formulir:

<form action="/action_page.php">

Anda bisa mengganti  "/action_page.php" dengan Url halaman statis anda,
Contoh :
http://www.weblogpedia.com/p/halaman_statis.html

Jika anda tidak tahu apa itu halaman statis, silahkan menuju "Cara Membuat Halaman Statis Terbaru 2018"

Atribut target = menentukan apakah hasil yang diajukan akan terbuka di tab browser baru atau di jendela aktif.
Nilai defaultnya adalah "_self" yang berarti form akan tetap di jendela saat ini.
Agar hasil form terbuka di tab browser baru, gunakan nilai "_blank":
Contoh :
<form action="/action_page.php" target="_blank">


Atribut metode = menentukan metode HTTP (GET atau POST) yang akan digunakan saat mengirimkan data formulir.
Contoh :
<form action="/action_page.php" method="get">
atau
<form action="/action_page.php" method="post">

Get adalah metode default saat mengirimkan data form.
Namun, saat metode GET digunakan, data formulir yang diajukan akan terlihat di kolom alamat halaman.


Catatan :

• Tambahkan data formulir ke dalam URL pada pasangan nama / nilai
• Panjang URL terbatas (sekitar 3000 karakter)
• Jangan pernah menggunakan GET untuk mengirim data sensitif! (akan terlihat di URL)
• Berguna untuk pengiriman form dimana pengguna ingin membookmark hasilnya
• GET lebih baik untuk data yang tidak aman, seperti string kueri di Google
• Selalu gunakan POST jika data form berisi informasi sensitif atau personal. 
• Metode POST tidak menampilkan data formulir yang diajukan di kolom alamat halaman.
• POST tidak memiliki batasan ukuran, dan dapat digunakan untuk mengirim sejumlah besar data.
• Form pengiriman dengan POST tidak bisa di bookmark.

Sekarang anda sudah bisa membuat Formulir Kontak Sederhana, Tunggu Pelajaran Selanjutnya.