Selamat pagi ,siang , sore atau malam ?
Kembali lagi di blog saya yang membahas seputar IT
Kali ini saya akan mengupdate blog saya . berisikan materi dan seperti tutorial.
tanpa belama lama mari kita langsung saja !
kali ini saya akan menjelaskan tentang
PENANGANAN FORM.
Form digunakan untuk menerima inputan dari user dan memproses hasil inputan tersebut ke server.
form inputan dibuat dengan tag - tag HTML. Halaman yang mengandung form murni (tidak ada kodingan php) tidak harus disimpan dalam bentuk php tapi bisa disimpan dalam bentuk html.
Untuk merancang sebuah form inputan ada 3 hal yang terpenting :
1.METHOD
method dari sebuah form menentukan bagaimana data inputan form dikirim.
method ini ada dua macam , yaitu GET dan POST . method ini menentukan bagaimana data data inputan dikirim dan diproses oleh PHP
2.ACTION
action dari sebuah form menentukan dimana data inputan dari form itu diproses.
jika action ini dikosongkan , maka dianggap proses form terjadi di halaman yang sama .
jadi halaman form dan halaman proses bisa saja dipisah atau dijadi satu
3.SUBMIT BUTTON
submit button merupakan sebuah tombol yang berfungsi sebagai trigger pengiriman data dari form inputan . jika tombol ini ditekan , maka data form akan dikirimkan di halaman yang sudah di tentukan pada atribut action
Berbagai cara penanganan form
cara 1: Menyatukan antara form dan proses
proses pengolahan form dilakukan dihalaman yang sama dengan form inputannya .jika proses penanganan form berada di satu halaman , maka value atribut action pada tag form tidak perlu diisi.
Mari kita praktekan .
kali ini saya akan membuat Program contoh pengolahan form dimana antara form inputan dan proses pengolahan inputan berada dalam satu halaman
dan akan muncul di tampilan browser seperti ini,
perlu di ingat penyimpanan nya saya memakai php
dari sini ada beberapa hal yang perlu di perhatikan dari program .diatas .
diantaranya mengenai nama setiap komponen form karena nama ini akan menjadi index array dalam php .pada program diatas value atribut action pada tag form tidak diisi (pada baris 7)
, ini berarti bahwa proses pengolahan form berada di halaman yang sama. selanjutnya (baris 7) method yang digunakan dalam penangan form adalah POST . cara ini lebih disaranin dalam penanganan sebuah form inputan.
mulai baris ke 13 sampai 18 , terdapat kodingan yang akan menangani nilai yang diinputkan melalui form.
letak proses inputan ini boleh sebelum atau sesudah form ,tergantung kebutuhan . pada baris ke 14,terdapat pemeriksaan kondisi apakah tombol dengan nama "input" (perhatikan index array $_POST dan dibandingkan dengan name tombol "submit"pada form benar benar ditekan atau tidak oleh user. selanjutnya pada baris 15 ini, isi komponen inputan dengan nama "nama"akan diambil dan dimasukkan kevariabel yang $nama . index array $_POST pada baris 15 harus sama dengan value atribut nama pada baris 8 .
cara ke 2 : memisahkan antara form dan proses
proses pengolahan form dilakukan di halaman yang terpisah dengan form inputannya . jika proses penanganan form berada dilakukan di halaman yang berbeda, maka value atribut action pada tag form harus diisi dengan alamat halaman tempat proses pengolahan form
mari kita praktekan dalam bentuk kodingan
dan kodingan proses nya adalah seperti ini
dan akan muncul tampilan nya seperti ini
dan kali ini saya akan mempraktekan dengan menggunakan method get
dan akan muncul di tampilannya seperti ini
perlu diperhatikan jika memakai method get di localhost tersebut jika berhasil akan muncul nama yang kalian submit kan
penjelasannya adalah
pada program diatas pada prinsipnya sama dengan program method pada umumnya hasilnya pun sama .
akan tetapi , proses penanganan form (php)terpisah dengan tampilan form inputannya . pada program diatas menggunakan method post, sedangkan yang menggunakan get tersebut yang bernama fikri.
perhatikan , method ini menentukan bagaimana sebuah form diproses dan bagaimana variabel inputan diambil.
FORM input typeTEXT dan PASSWORD
langsung saja kita mempraktekannya input type text
dan ditampilan akan muncul seperti ini
jika dipraktekan kurang lebihnya seperti ini
selanjutnya saya akan mempraktekan tentang password
dan yang muncul di tampilan akan seperti ini
program form password ini akan menampilkan form login sederhana yang terdiri dari inpitan username dan password . selanjutnya nilai yang di inputkan akan diproses di proses.php . jika username dan password diinputkan benar maka akan ditampilkan pesan berhasil , dan jika login salah maka akan menampilkan pesan gagal
mari kita lanjutkan ke materi selanjutnya yaitu
FORM Input Type RADIO
pada inputan jenis radio button , user hanya bisa memilih satu pilihan di antara beberapa pilihan
langsung kita praktekan saja
kali ini saya akan membuat pemograman menampilkan form pilihan jurusan denga radio button
dan muncul ditampilan seperti ini
penjelasannya adalah
menampilkan form pilihan inputan jurusan dengan radio button . pada form inputan jenis radio button , name dari masing masing radio button harus sama , akan tetapi valuenya harus dibedakan .
untuk mengambil value dari form jenis radio , bisa langsung dengan mengakses name dari form tersebut .
selanjutnya adalah tentang
Form Input Type CHECK BOX
pada inputan jenis check box , user dimungkinkan memilih lebih dari satu pilihan .
mari kita praktekan saja tanpa perlu berlama lama lagi
dan akan muncul tampilan seperti ini
penjelasannya adalah program ini menampilkan form pilihan inputan check box game favorit. pada form jenis inputan check box name dari masing masing checkbox harus dibedakan . anda dapat memilih lebih dari satu pilihan . untuk mengambil nilai /value dari form jenis check box , sebaiknya diperiksa dulu apakah check box dipilih atau tidak , dengan menggunakan fungsi isset() .jika check box di cek maka ambil value dari check box tersebut
selanjutnya adalah
form input type combo box
langsung praktek saja biar cepat :v
kali ini saya akan membuat pemograman menampilkan nama motor favorit sesuai dengan inputan pada program
dan akan muncul tampilan seperti ini
penjelasannya adalah
pada form combo box akan menampilkan form pilihan inputan combo box motor favorit . untuk membuat inputan combo box , bisa menggunakan tag <select> dan <option> . pada form inputan jenis ini , name diletakkan pada tag <select>. anda hanya dapat memilih satu pilihan dari sejumlah pilihan yang anda buat dalam bentuk drop down list . untuk mengambil value dari form ini dapat langsung mengaksesnya sesuai dengan name nya
yang terakhir adalah
form inputan type text area
langsung praktek saja :v
kali ini saya akan membuat program menampilkan form inputan kritik dan saran dengan text area
dan akan muncul ditampilkan seperti ini
penjelasannya adalah
pada program ini menampilkan form kritik/ saran menggunakan text area .
untuk membuat inputan combo box ini bisa menggunakan tag <textarea>. berbeda dengan inputan type text yang hanya bisa diinput satu baris, pada text area , bisa diinput lebih dari satu baris .untuk mengambil value . dari form jenis text area , dapat langsung mengaksesnya sesuai dengan namenya
sekian dari materi saya tentang form
kurang lebih nya mohon maaf
tunggu update dari blog saya lagi seputar IT
see you
Kembali lagi di blog saya yang membahas seputar IT
Kali ini saya akan mengupdate blog saya . berisikan materi dan seperti tutorial.
tanpa belama lama mari kita langsung saja !
kali ini saya akan menjelaskan tentang
PENANGANAN FORM.
Form digunakan untuk menerima inputan dari user dan memproses hasil inputan tersebut ke server.
form inputan dibuat dengan tag - tag HTML. Halaman yang mengandung form murni (tidak ada kodingan php) tidak harus disimpan dalam bentuk php tapi bisa disimpan dalam bentuk html.
Untuk merancang sebuah form inputan ada 3 hal yang terpenting :
1.METHOD
method dari sebuah form menentukan bagaimana data inputan form dikirim.
method ini ada dua macam , yaitu GET dan POST . method ini menentukan bagaimana data data inputan dikirim dan diproses oleh PHP
2.ACTION
action dari sebuah form menentukan dimana data inputan dari form itu diproses.
jika action ini dikosongkan , maka dianggap proses form terjadi di halaman yang sama .
jadi halaman form dan halaman proses bisa saja dipisah atau dijadi satu
3.SUBMIT BUTTON
submit button merupakan sebuah tombol yang berfungsi sebagai trigger pengiriman data dari form inputan . jika tombol ini ditekan , maka data form akan dikirimkan di halaman yang sudah di tentukan pada atribut action
Berbagai cara penanganan form
cara 1: Menyatukan antara form dan proses
proses pengolahan form dilakukan dihalaman yang sama dengan form inputannya .jika proses penanganan form berada di satu halaman , maka value atribut action pada tag form tidak perlu diisi.
Mari kita praktekan .
kali ini saya akan membuat Program contoh pengolahan form dimana antara form inputan dan proses pengolahan inputan berada dalam satu halaman
dan akan muncul di tampilan browser seperti ini,
perlu di ingat penyimpanan nya saya memakai php
dari sini ada beberapa hal yang perlu di perhatikan dari program .diatas .
diantaranya mengenai nama setiap komponen form karena nama ini akan menjadi index array dalam php .pada program diatas value atribut action pada tag form tidak diisi (pada baris 7)
, ini berarti bahwa proses pengolahan form berada di halaman yang sama. selanjutnya (baris 7) method yang digunakan dalam penangan form adalah POST . cara ini lebih disaranin dalam penanganan sebuah form inputan.
mulai baris ke 13 sampai 18 , terdapat kodingan yang akan menangani nilai yang diinputkan melalui form.
letak proses inputan ini boleh sebelum atau sesudah form ,tergantung kebutuhan . pada baris ke 14,terdapat pemeriksaan kondisi apakah tombol dengan nama "input" (perhatikan index array $_POST dan dibandingkan dengan name tombol "submit"pada form benar benar ditekan atau tidak oleh user. selanjutnya pada baris 15 ini, isi komponen inputan dengan nama "nama"akan diambil dan dimasukkan kevariabel yang $nama . index array $_POST pada baris 15 harus sama dengan value atribut nama pada baris 8 .
cara ke 2 : memisahkan antara form dan proses
proses pengolahan form dilakukan di halaman yang terpisah dengan form inputannya . jika proses penanganan form berada dilakukan di halaman yang berbeda, maka value atribut action pada tag form harus diisi dengan alamat halaman tempat proses pengolahan form
mari kita praktekan dalam bentuk kodingan
dan kodingan proses nya adalah seperti ini
dan akan muncul tampilan nya seperti ini
dan kali ini saya akan mempraktekan dengan menggunakan method get
dan akan muncul di tampilannya seperti ini
penjelasannya adalah
pada program diatas pada prinsipnya sama dengan program method pada umumnya hasilnya pun sama .
akan tetapi , proses penanganan form (php)terpisah dengan tampilan form inputannya . pada program diatas menggunakan method post, sedangkan yang menggunakan get tersebut yang bernama fikri.
perhatikan , method ini menentukan bagaimana sebuah form diproses dan bagaimana variabel inputan diambil.
FORM input typeTEXT dan PASSWORD
langsung saja kita mempraktekannya input type text
dan ditampilan akan muncul seperti ini
selanjutnya saya akan mempraktekan tentang password
dan yang muncul di tampilan akan seperti ini
program form password ini akan menampilkan form login sederhana yang terdiri dari inpitan username dan password . selanjutnya nilai yang di inputkan akan diproses di proses.php . jika username dan password diinputkan benar maka akan ditampilkan pesan berhasil , dan jika login salah maka akan menampilkan pesan gagal
mari kita lanjutkan ke materi selanjutnya yaitu
FORM Input Type RADIO
pada inputan jenis radio button , user hanya bisa memilih satu pilihan di antara beberapa pilihan
langsung kita praktekan saja
kali ini saya akan membuat pemograman menampilkan form pilihan jurusan denga radio button
dan muncul ditampilan seperti ini
penjelasannya adalah
menampilkan form pilihan inputan jurusan dengan radio button . pada form inputan jenis radio button , name dari masing masing radio button harus sama , akan tetapi valuenya harus dibedakan .
untuk mengambil value dari form jenis radio , bisa langsung dengan mengakses name dari form tersebut .
selanjutnya adalah tentang
Form Input Type CHECK BOX
pada inputan jenis check box , user dimungkinkan memilih lebih dari satu pilihan .
mari kita praktekan saja tanpa perlu berlama lama lagi
dan akan muncul tampilan seperti ini
penjelasannya adalah program ini menampilkan form pilihan inputan check box game favorit. pada form jenis inputan check box name dari masing masing checkbox harus dibedakan . anda dapat memilih lebih dari satu pilihan . untuk mengambil nilai /value dari form jenis check box , sebaiknya diperiksa dulu apakah check box dipilih atau tidak , dengan menggunakan fungsi isset() .jika check box di cek maka ambil value dari check box tersebut
selanjutnya adalah
form input type combo box
langsung praktek saja biar cepat :v
kali ini saya akan membuat pemograman menampilkan nama motor favorit sesuai dengan inputan pada program
dan akan muncul tampilan seperti ini
penjelasannya adalah
pada form combo box akan menampilkan form pilihan inputan combo box motor favorit . untuk membuat inputan combo box , bisa menggunakan tag <select> dan <option> . pada form inputan jenis ini , name diletakkan pada tag <select>. anda hanya dapat memilih satu pilihan dari sejumlah pilihan yang anda buat dalam bentuk drop down list . untuk mengambil value dari form ini dapat langsung mengaksesnya sesuai dengan name nya
yang terakhir adalah
form inputan type text area
langsung praktek saja :v
kali ini saya akan membuat program menampilkan form inputan kritik dan saran dengan text area
dan akan muncul ditampilkan seperti ini
penjelasannya adalah
pada program ini menampilkan form kritik/ saran menggunakan text area .
untuk membuat inputan combo box ini bisa menggunakan tag <textarea>. berbeda dengan inputan type text yang hanya bisa diinput satu baris, pada text area , bisa diinput lebih dari satu baris .untuk mengambil value . dari form jenis text area , dapat langsung mengaksesnya sesuai dengan namenya
sekian dari materi saya tentang form
kurang lebih nya mohon maaf
tunggu update dari blog saya lagi seputar IT
see you
Comments
Post a Comment