1 Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung ...
Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran: nama, alamat email, kartu kredit, dll Form akan mengambil masukan dari pengunjung situs dan kemudia akan disampaikan ke aplikasi “back-end” seperti CGI, ASP Script atau script PHP dll. Kemudian aplikasi “back-end” kita akan melakukan pengolahan diperlukan pada data dengan cara yang sudah kita sesuaikan. Input elements form antara lain adalah text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, dan label elements yang ke semuanay di gunakan untuk mengambil informasidari pengguna (pengunjung situs)
Penggunaan Form Sintaks Awal Sintaks singkat awal dalam penggunaan form , adalah sebagai berikut :
Atribut – atibut yang sering di pakaidalam penggunaan form , antara lain :
Name : Nama untuk form yang akan buat Action : Berisi URL script yang dimana nantinya akan mengolah data yang telah diupload oleh fomrm Method : Dimana kita menentukan method apa yang nantinya akan digunakan untuk meng-upload data . Kebanyakan yang sering di pakai adalah GET dan POST Perbedaan GET dan POST : Pada dasarnya, metode POST dan GET memiliki kegunaan yang sama yaitu untuk mengirimkan value variabel ke halaman lain atau mengirimkan ke database. Pengiriman data itu biasanya dengan menggunakan form. Perbedaan kedua method tersebut sangat kecil namun sangat terlihat dengan jelas. Method GET ketika mengirimkan data akan menambahkan pada URI, sedangkan kalo method POST dikirim ke server dengan diincludekan pada sebuah permintaan (body of request) dan bukan melalui URI dan hasil dari method POST ini nggak bersifat cacheable (dapat disimpan dalam cache)
Target : Ini menentukan target halaman di mana hasil dari script akan ditampilkan . Dibutuhkan values seperti _blank , _self , _parent dll Enctype : Kita dapat menggunakan atribut enctype untuk menentukan bagaimana browser mengkodekan data sebelum mengirimkannya ke server . Kemungkinan values nya seperti : Application/x-www-form-urlencoded : Metode standar yang paling sering digunakan. Mengkonversi spasi ke tanda plus dan karakter non - alfanumerik ke dalam kode heksadesimal untuk karakter tersebut dalam teks ASCII. Mutlipart/form-data : Memungkinkan data yang akan dikirim dalam bagian(parts), dengan setiap bagian berurutan sesuai dengan form control , dalam urutan mereka muncul dalam form . Setiap bagian dapat memiliki opsional konten - type header sendiri menunjukkan indikasi tipe data yang di gunakan di form control.
Text Input Controls
Single-line text input controls: Digunakan untuk item yang membutuhkan hanya satu baris input pengguna, seperti kotak pencarian atau nama. Dibuat dengan menggunakan elemen ..
Password input controls: Single-line text input yang me-“mask” inputan karakter dari pengguna.
Multi-line text input controls: Digunakan ketika pengguna diharuskan untuk memberikan rincian yang mungkin lebih banyak. Multi-line text input controls dibuat dengan elemen