Penanganan Form 16/10/2014
|
|
|
- Shinta Setiawan
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa dalam bentuk html. Untuk merancang sebuah form inputan, setidaknya ada 3 (tiga) hal penting, yaitu : 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 inputan dikirim dan diproses oleh PHP. 2. ACTION Action dari sebuah form menentukan dimana data inputan dari form diproses. Jika action ini dikosongkan, maka dianggap proses form terjadi di halaman yang sama. Jadi halaman form dan halaman proses bisa saja dipisah atau dijadikan satu. 3. SUBMIT BUTTON Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan pada atribut action. Berbagai Cara Penanganan Form Cara 1 : Menyatukan antara Form dan Proses Proses pengolahan form dilakukan di halaman yang sama dengan form inputannya. Jika proses penanganan form berada di satu halaman, maka value atribut action pada tag form tidak perlu diisi (dikosongkan). Contoh Program (proses1.php) 2 <head><title>pengolahan Form</title></head> 4 <FORM ACTION="" METHOD="POST" NAME="input"> 5 Nama Anda : <input type="text" name="nama"><br> 6 <input type="submit" name="input" value="input"> 7 </FORM> 8 </body> 9 </html> if (isset($_post['input'])) { 13 $nama = $_POST['nama']; 14 echo "Nama Anda : <b>$nama</b>"; 15 } 16?> 1
2 Penjelasan program Beberapa hal yang perlu diperhatikan dari program di atas, di antaranya mengenai nama setiap komponen form karena nama ini akan menjadi index array dalam PHP. Pada program di atas, value atribut action pada tag form tidak diisi (baris 4), ini berarti bahwa proses pengolahan form berada di halaman yang sama. Selanjutnya (baris 4) method yang digunakan dalam penanganan form adalah POST. Cara ini lebih disarankan dalam penanganan sebuah form inputan. Mulai baris ke-11 hingga 16, terdapat script / program PHP yang akan menangani (mengolah) nilai yang diinputkan melalui form. Letak proses inputan ini boleh sebelum atau sesudah form, tergantung kebutuhan. Pada baris ke-12, terdapat pemeriksaan kondisi apakah tombol dengan nama Input (perhatikan index array $_POST dan bandingkan dengan name tombol submit pada form) benar-benar ditekan atau tidak oleh user. Selanjutnya pada baris ke-13, nilai inputan dari form akan diambil dengan cara mengakses array $_POST sesuai dengan komponen form yang akan diambil. Pada baris 13 ini, isi komponen inputan dengan nama nama akan diambil dan dimasukkan ke variabel $nama. Index array $_POST pada baris 13 harus sama dengan value atribut name pada baris ke-5. Cara 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. Contoh lain program input (input2.php) 2 <head><title>pengolahan Form</title></head> 4 <FORM ACTION="proses2.php" METHOD="POST" NAME="input"> 5 Nama Anda : <input type="text" name="nama"><br> 6 <input type="submit" name="input" value="input"> 7 </FORM> 8 </body> 9 </html> Program penanganan input (proses2.php) 2 if (isset($_post['input'])) { 3 $nama = $_POST['nama']; 4 echo "Nama Anda : <b>$nama</b>"; 5 } 6?> 2
3 Program dengan metode GET (input3.php) 2 <head><title>pengolahan Form</title></head> 4 <FORM ACTION="proses3.php" METHOD="GET" NAME="input"> 5 Nama Anda : <input type="text" name="nama"><br> 6 <input type="submit" name="input" value="input"> 7 </FORM> 8 </body> 9 </html> Program penanganan input dengan GET (proses3.php) 2 if (isset($_get['input'])) { 3 $nama = $_GET['nama']; 4 echo "Nama Anda : <b>$nama</b>"; 5 } 6?> Program program di atas pada prinsipnya sama dengan program input proses1.php. Hasilnya pun sama. Akan tetapi, proses penanganan form (PHP) terpisah dengan tampilan form inputannya (HTML). Masingmasing penanganan form menggunakan method POST dan method GET. Perhatikan, method ini menentukan bagaimana sebuah form diproses dan bagaimana variabel inputan diambil. 3
4 Form Input Type TEXT dan PASSWORD Contoh pogram input text (input4.php) 2 <head><title>pengolahan Form ~ Text</title></head> 4 <FORM ACTION="proses4.php" METHOD="POST" NAME="input"> 5 Sahabat-sahabat Dekatku<br> 6 <input type="text" name="nama1"><br> 7 <input type="text" name="nama2"><br> 8 <input type="text" name="nama3"><br> 9 <input type="text" name="nama4"><br> 10 <input type="submit" name="input" value="input"> 11 </FORM> 12 </body> 13 </html> Program penanganan input text (proses4.php) 2 if (isset($_post['input'])) { 3 $nama1 = $_POST['nama1']; 4 $nama2 = $_POST['nama2']; 5 $nama3 = $_POST['nama3']; 6 $nama4 = $_POST['nama4']; 7 echo "<b>nama Sahabat-sahabat Dekatku :</b> <br>"; 8 echo $nama1. "<br>"; 9 echo $nama2. "<br>"; 10 echo $nama3. "<br>"; 11 echo $nama4. "<br>"; 12 } 13?> Baris 3-6 program merupakan proses pengambilan nilai dari masingmasing form inputan text yang terdapat pada program. Selanjutnya variabel ini ditampilkan di layar pada baris
5 Contoh program input password (input5.php) 2 <head><title>login Here</title></head> 4 <FORM ACTION="proses5.php" METHOD="POST" NAME="input"> 5 <h2>login Here...</h2> 6 Username : <input type="text" name="username"><br> 7 Password : <input type="password" name="password"><br> 8 <input type="submit" name="login" value="login"> 9 <input type="reset" name="reset" value="reset"> 10 </FORM> 11 </body> 12 </html> Program penanangan input password (proses5.php) 2 if (isset($_post['login'])) { 3 $user = $_POST['username']; 4 $pass = $_POST['password']; 5 if ($user == admin" && $pass == ") { 6 echo "<h2>login Berhasil</h2>"; 7 } else { 8 echo "<h2>login Gagal</h2>"; 9 } 10 } Program akan menampilkan form login sederhana yang terdiri dari inputan username dan password. Selanjutnya nilai yang diinput akan diproses di program Jika username dan password diinput dengan benar maka akan ditampilkan pesan berhasil dan jika login salah maka akan ditampilkan pesan kesalahan. 5
6 Form Input Type RADIO Pada inputan jenis radio button, user hanya bisa memilih satu pilihan di antara beberapa pilihan. Contoh program radio button (input6.php) 2 <head><title>pilih Jurusan</title></head> 4 <FORM ACTION="proses6.php" METHOD="POST" NAME="input"> 5 <h2>pilih Jurusan Anda :</h2> 6 <input type="radio" name="jurusan" value="ti" checked> Teknik Informatika<br> 7 <input type="radio" name="jurusan" value="si"> Sistem Informasi<br> 8 <input type="radio" name="jurusan" value="sk"> Sistem Komputer<br> 9 <input type="radio" name="jurusan" value="ka"> Komputerisasi Akuntansi<br> 10 <input type="submit" name="pilih" value="pilih"> 11 </FORM> 12 </body> 13 </html> Program penanganan input radio button (proses6.php) 2 if (isset($_post['pilih'])) { 3 $jurusan = $_POST['jurusan']; 4 echo "Jurusan Anda adalah 5 <b><font color='red'>$jurusan</font></b>"; 6 } 7?> Program akan menampilkan form pilihan inputan jurusan dengan radio button. Pada form inputan jenis radio button, name dari masing- masing radio button harus sama, akan tetapi value-nya harus dibedakan. Perhatikan program baris 6-9! Untuk mengambil nilai (value) dari form jenis radio, bisa langsung dengan mengakses name dari form tersebut, seperti dinyatakan pada program baris ke-3! 6
7 Form Input Type CHECK BOX Pada form inputan jenis check box, user dimungkinkan memilih lebih dari satu pilihan. Contoh program penangan input checkbox (input7.php) 2 <head><title>band Favorit ~ Inputan Checkbox</title></head> 4 <FORM ACTION="proses7.php" METHOD="POST" NAME="input"> 5 <h2>pilih Band Favorit Anda :</h2> 6 <input type="checkbox" name="band01" value="padi" checked> Padi<br> 7 <input type="checkbox" name="band02" value="sheila On 7"> Sheila On 7<br> 8 <input type="checkbox" name="band03" value="dewa 19"> Dewa 19<br> 9 <input type="checkbox" name="band04" value="ungu"> Ungu<br> 10 <input type="submit" name="pilih" value="pilih"> 11 </FORM> 12 </body> 13 </html> Program penangan proses checkbox (proses7.php) 2 if (isset($_post['pilih'])) { 3 echo "Band Favorit Anda adalah :<br>"; 4 if (isset($_post['band01'])) { 5 echo "+ ". $_POST['band01']. "<br>"; 6 } 7 if (isset($_post['band02'])) { 8 echo "+ ". $_POST['band02']. "<br>"; 9 } 10 if (isset($_post['band03'])) { 11 echo "+ ". $_POST['band03']. "<br>"; 12 } 13 if (isset($_post['band04'])) { 14 echo "+ ". $_POST['band04']. "<br>"; 15 } 16 } 17?> Program di atas akan menampilkan form pilihan inputan check box band favorit. Pada form inputan jenis check box, name dari masing- masing check box harus dibedakan. User dapat memilih lebih dari satu pilihan. Perhatikan program input baris 6-9! Untuk mengambil nilai (value) dari form jenis check box, sebaiknya diperiksa terlebih dahulu apakah check box dipilih atau tidak, dengan menggunakan fungsi isset(). Perhatikan program proses baris ke-4. Jika check box di-cek (dipilih) maka ambil value dari check box tersebut (baris ke- 5) 7
8 Form Input Type COMBO BOX Contoh program input combo box (input8.php) 2 <head><title>film Kartun Favorit ~ Inputan Combo box</title></head> 4 <FORM ACTION="proses8.php" METHOD="POST" NAME="input"> 5 <h2>pilih Film Kartun Favorit Anda :</h2> 6 <select name="kartun"> 7 <option value="sponge Bob">Sponge Bob</option> 8 <option value="sinchan">sinchan</option> 9 <option value="conan">conan</option> 10 <option value="doraemon">doraemon</option> 11 <option value="dragon Ball">Dragon Ball</option> 12 <option value="naruto">naruto</option> 13 </select> 14 <input type="submit" name="pilih" value="pilih"> 15 </FORM> 16 </body> 17 </html> Program penanganan input combo box (proses8.php) 2 if (isset($_post['pilih'])) { 3 $film = $_POST['kartun']; 4 echo "Film Kartun Favorit Anda adalah : 5 <font color=blue><b>$film</b></font>"; 6 } 7?> Program akan menampilkan form pilihan inputan combo box film kartun favorit. Untuk membuat inputan jenis combo box, bisa menggunakan tag <select> dan <option>. Pada form inputan jenis check box, name diletakkan pada tag <select>. User hanya dapat memilih satu pilihan dari sejumlah pilihan yang ditampilkan dalam bentuk drop down list. Untuk mengambil nilai (value) dari form jenis combo box, dapat langsung mengaksesnya sesuai dengan name-nya. Perhatikan program pada baris ke-3! 8
9 Form Input Type TEXTAREA Contoh program input textarea (input9.php) 2 <head><title>kritik dan Saran via Input Textarea</title></head> 4 <FORM ACTION="proses9.php" METHOD="POST" NAME="input"> 5 <h2>input Kritik / Saran :</h2> 6 <textarea name="saran" cols="40 rows="5"></textarea><br> 7 <input type="submit" name="proses" value="input Saran"> 8 </FORM> 9 </body> 10 </html> Program penanganan input textarea (proses9.php) 2 if (isset($_post['proses'])) { 3 $saran = nl2br($_post['saran']); 4 echo "Kritik / Saran Anda adalah : <br>"; 5 echo "<font color=blue><b>$saran</b></font>"; 6 } 7?> Program akan menampilkan form kritik saran menggunakan text area. Untuk membuat inputan jenis combo box, 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 nilai (value) dari form jenis textarea, dapat langsung mengaksesnya sesuai dengan name-nya. Perhatikan program pada baris ke-3! 9
Pertemuan 4 Penanganan Form
Diktat Kuliah Pemrograman Web Pertemuan Penanganan Form Berbagai Cara Penanganan Form Form Input Type TEXT dan PASSWORD Form Input Type RADIO Form Input Type CHECKBOX Form Input Type COMBO BOX Form Input
Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form
Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa
P - 11 Bab 8 : PHP & HTML (Manipulasi Form)
P - 11 Bab 8 : PHP & HTML (Manipulasi Form) 8.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Perbedaan Method POST & GET Mengetahui dan Memahami Manipulasi Form Mengetahui dan Memahami Pemisahan Form
Pemrograman Web dengan PHP dan MySQL Achmad Solichin, S.Kom
Pemrogr v.0 Pemrograman Web dengan PHP dan MySQL Achmad Solichin, S.Kom Buku ini disusun berdasarkan materi perkuliahan Pemrograman Web sesuai dengan kurikulum standar di perguruan tinggi komputer. Di
Muhammad Zen Samsono Hadi, ST. MSc.
Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut t METHOD SUBMIT BUTTON Tag
PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON
Overview Jenis-jenis Form Form Validation PHP Penanganan Form Acep Irham Gufroni, M.Eng. 1 Contoh Aplikasi Form Form Inputan Tag Atribut ACTION Atribut METHOD SUBMIT BUTTON Tag Atribut ACTION
Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.
Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag
Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS
Penanganan Form Muhammad Zen Samsono Hadi, ST. MSc. zenhadi@eepis-its.edu T.TELEKOMUNIKASI - PENS On this slide Jenis-jenis Form Form Validation Contoh Aplikasi Form Form Inputan Tag Atribut ACTION
KURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna
Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML
Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada
Form identik dengan formulir
Oleh : Moh Sulhan Form identik dengan formulir Form sangat dibutuhkan pada saat kita mengizinkan/menginginkan adanya nilai (data) yang dipilih atau dimasukkan olehpengguna. Kapasitas dari form hanya menyediakan
HTML FORM. Praktikum III
Praktikum III HTML FORM Tujuan : 1. Mengetahui tentang Elemen-elemen FORM. 2. Mampu membuat script FORM HTML. 3. Mampu membuat halaman web dengan menggunakan script HTML dan PHP. Alat dan Bahan : 1. Buku
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]
![[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]](/thumbs/63/50441664.jpg "[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]")
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting
Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting 1 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan Memperoleh informasi
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat
MODUL 3 INTERNET PROGRAMMING : PHP 3
MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN
BAB VIII PEMROSESAN FORM
BAB VIII PEMROSESAN FORM A. KOMPETENSI DASAR Memahami konsep dasar transfer data dari form HTML. Mampu menangani masukan data dari form HTML. Mampu melakukan inisiasi nilai pada elemen-elemen form HTML.
MODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB FORM & METHOD Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Form & Method... 1 1. Struktur Umum... 1 2. HTML Form Element... 1 3. Method... 5 3.1 Metode GET...
Pertemuan 1 Pengenalan Web Server dan Server Side Scripting
Pertemuan 1 Pengenalan Web Server dan Server Side Scripting Web Server merupakan sebuah perangkat lunak dalam server yang berfungsi menerima permintaan (request) berupa halman web melalui HTTP atai HTTPS
BAB 8 FORM HANDLING DAN VALIDASI
Pemrograman Web 115 BAB 8 FORM HANDLING DAN VALIDASI Suatu aplikasi banyak menerima masukan/input data dari pengguna, misalkan ketika registrasi kesuatu website atau ketika login pada halaman email dan
A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud
A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat
BELAJAR PHP DASAR Anda Harus Mememiliki Sofware Seperti Adobe Dreamweaver Atau Notepad C++ Atau Notepad Biasa Yang Ada Di Laptop/Komputer.
Assalamualaikum WR, Wb. BELAJAR PHP DASAR Anda Harus Mememiliki Sofware Seperti Adobe Dreamweaver Atau Notepad C++ Atau Notepad Biasa Yang Ada Di Laptop/Komputer. 1. Koding PHP //Operator Tambah// $a=3;
Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML FORM Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML.
Sintak penulisan form adalah: <form method= post atau get action= program_pemroses > elemen-elemen FORM </form>
Form Html Digunakan untuk menerima masukan / input dari user dan memproses hasil inputan tersebut di server. User menerima informasi melalui sejumlah elemen yang disebut kontrol. Kontrol ini dapat berupa:
Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari
Desain Web. MODUL 2 Desain Form
1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali
MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 05 Form, Object Form, From
Pengenalan Perancangan Web 2017
9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat
P - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara
MODUL TIK - HTML II KELAS XI SEMESTER I
MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima
Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.
FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.
BAB-12 MEMBUAT FORM HTML
BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan
MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 10 Penanganan Form HTML Tujuan: Mahasiswa memahami cara penanganan permintaan dalam kode PHP yang dikirimkan melalui form HTML untuk menyelesaikan
Pemrosesan form HTML
Pemrosesan form HTML Pemrosesan form HTML Memahami tentang penggunaan Form Memahami tentang perbedaan antara metode GET & POST Memahami tentang pemrosesan file upload Pengolahan Data Dari Form Web menerima
Membuat Pengisihan Borang (Form) dengan Pemrograman WEB
Modul 7 Membuat Pengisihan Borang (Form) dengan Pemrograman WEB I. Tujuan Mengenal, mengamati dan membuat ragam dialog Pengisihan Borang (Form) dengan Pemrograman WEB. II. Landasan Teori Beberapa contoh
Pemrograman Web DASAR HTML 2
Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang
Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web
HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat
MODUL 8 WEB PROGRAMMING : PHP 3
MODUL 8 WEB PROGRAMMING : PHP 3 BENGKEL INTERNET PENS-ITS Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan file upload
FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri
FORM DAN ELEMENNYA 9 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh informasi dari customer secara online Memperoleh
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan
MODUL IX FORM. 9.1 Pendahuluan
MODUL IX FORM 9.1 Pendahuluan Sebuah halaman dapat berisi informasi yang sifatnya statis dan adapula yang bersifat dinamis. Bersifat statis artinya informasi yang ditampilkan cenderung tetap, apabila ingin
IV. Form. A. Pengenalan Form. B. HTML Input Element
IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.
RIO ANDRIYAT KRISDIAWAN, M.KOM
RIO ANDRIYAT KRISDIAWAN, M.KOM Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web, misalnya untuk mendapatkan komentar pengunjung, melakukan pendaftaran suatu keanggotaan tertentu,
LAPORAN PRAKTIKUM 5 SESSION & COOKIE
Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PRAKTIKUM 5 SESSION & COOKIE OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik Negeri
Ikbal jamaludin
Ikbal jamaludin 085 2222 01644 Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL (uniform Resource Locator) lain bahkan dalam satu halaman untuk berpindah ke
Belajar Java Script INPUT DATA
Belajar Java Script INPUT DATA taryanarx@yahoo.com http://kuliahonline.unikom.ac.id Target Pencapaian Siswa mengetahui mengenai perintah-perintah dasar yang dapat digunakan untuk memasukan data 10. Memasukan
1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML
Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan
PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP
BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP Form pada PHP mempunyai dua method pengiriman data, yaitu GET dan POST. Dengan menggunakan method GET, maka nilai variabel yang dikirimkan ke server melalui
Mengenal dan Mempelajari PHP Secara Sederhana Bagi Para Pemula
Mengenal dan Mempelajari PHP Secara Sederhana Bagi Para Pemula Jika berbicara tentang PHP atau mysql yang terlintas langsung adalah pemograman web. Mengapa? Karena keduanya merupakan cabang dari pemograman
Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.
Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan
Aplikasi Form Menggunakan HTML
Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran:
Muhamad Alif,S.Kom Teknik Informatika UTM
Muhamad Alif,S.Kom Teknik Informatika UTM FORM Fungsi: Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan:
LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP
Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik
Membuat Form Mahasiswa dengan HTML [Part 1]
![Membuat Form Mahasiswa dengan HTML [Part 1]](/thumbs/56/39781107.jpg "Membuat Form Mahasiswa dengan HTML [Part 1]")
Membuat Form Mahasiswa dengan HTML [Part 1] Oleh: Fajar Hakiki Selamat malam sahabat Jago Coding, pada malam yang indah ini saya akan berbagi tutorial tentang membuat form sederhana dengan html. pada tutorial
WEB DINAMIS 1 PENANGANAN FORM. Agustina Purwatiningsih., S.Kom
WEB DINAMIS 1 PENANGANAN FORM Agustina Purwatiningsih., S.Kom 1 PENGERTIAN Form merupakan sebuah metode yang digunakan dalam Web Site yang mengizinkan seorang pengunjung untuk dapat berinteraksi dengan
X/HTML5 Form. Auriza Akbar 25 Mei 2012
X/HTML5 Form Auriza Akbar auriza.akbar@gmail.com 25 Mei 2012 Form Form Komponen halaman web yang memiliki kontrol-kontrol formulir: text field, text area, button, radio button, checkbox, User dapat berinteraksi
Modul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN
Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:
Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query
Web Programming (WP) Step 2 [ HTML & PHP BASIC]
![Web Programming (WP) Step 2 [ HTML & PHP BASIC]](/thumbs/55/37130440.jpg "Web Programming (WP) Step 2 [ HTML & PHP BASIC]")
Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext
MENAMPILKAN FRAME FRAME
MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan:
Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak.
NAMA : YOGI PRAYOGA ARI NRP : 2103147020 KELAS : D3PJJ PERCOBAAN 1 Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak. Terdapat
Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT.
Penanganan Formulir PHP 1 Agenda Materi Pengayaan Pertemuan Sebelumnya Formulir HTML Jenis Masukan Pada Formulir HTML Metode Pengiriman Formulir Validasi Formulir 2 MATERI PENGAYAAN PERTEMUAN SEBELUMNYA
FORMULIR PADA HALAMAN WEB
Formulir Pada Halaman Web 64 10 9 FORMULIR PADA HALAMAN WEB Tujuan Pembelajaran : Setelah mempelajari pokok bahasan ini, diharapkan bisa membuat berbagai bentuk komponen dalam sebuah formulir yang diperlukan
PEMROGRAMAN WEB. 1 P a g e
BAB I PENDAHULUAN A. Pengertian HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan ) terhadap sebuah
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1
![Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1](/thumbs/52/29877460.jpg "Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1")
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada
MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form
MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah
Modul-5 GET & POST. Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG
Modul-5 GET & POST Pemograman Web TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG Pendahuluan Pada modul sebelumnya, kita telah mengenal proses assignment. Kita dapat mengassign suatu nilai kepada suatu
Membuat Database mysql dengan PhpMyAdmin
Materi artikel : Membuat database mysql dengan PhpMyadmin View Insert Edit Delete Searching Membuat Hitcounter dengan file teks Syarat : Mengerti penggunaan tag HTML Browser dapat mengenali sintak Php
2. Objek Text. Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :
1. Objek Untuk memasukkan Data Terdapat beberapa objek yang dapat digunakan untuk memasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi : Objek
Pengantar E-Business dan E-Commerce
Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML Lanjut [2]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Form Frame Meta tag Entitas Karakter
P - 12 Bab 9 : PHP & MySQL
P - 12 Bab 9 : PHP & MySQL 9.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Integrasi PHP dengan MySQL Mengetahui dan Memahami Operasi Input, Edit, Delete MySQL Dengan PHP Mengetahui dan Memahami Fungsi
HTML5. HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute
Author : Minarni, S.Kom.,MM Mata Kuliah : Internet Multimedia Lanjut HTML5 HTML Links Link Images HTML Plug-ins HTML Youtube HTML Input HTML Input Attribute HTML5 HTML Links Link digunakan hampir di semua
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan
</select></font></p> </form> </body>... Hasil:
FORM Adalah Input/masukkan dari pengguna yang kemudian diproses untuk mendapatkan hasil yang diinginkan pengguna, proses penyimpanan, proses sunting atau edit, proses hapus dan browse..
Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan
Objek Untuk Memasukkan Data Terdapat beberapa Objek Untuk memasukkan data dan biasanya terdapat di dalam suatu Form. Objek- objek untuk memasukkan data meliputi : 1. Objek Teks 2. Objek Radio 3. Objek
MODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
P - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1
Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Login Dengan Fitur Remember Me
Login Dengan Fitur Remember Me Oleh: titan Pada tutorial sebelumnya dijagocoding ada salah satu contributor kita menulis tentang "bagaimana membuat login di php", kali ini saya akan membahas salah satu
OBJEK (1) Contoh penggunaan objek Text : <html> <head> <title> Objek Text </title> </head>
OBJEK (1) Terdapat beberapa objek yang dapat digunakan untuk memeasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi Objek Text, Objek Radio, Objek
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat
Bagian 20. Bekerja dengan Form menggunakan PHP.
TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web membuat halaman website lebih atraktif www.ilmuwebsite.com
Tabel dan Form HTML. Kuliah #2. Dept. Ilmu Komputer IPB 2016
Tabel dan Form HTML Kuliah #2 Dept. Ilmu Komputer IPB 2016 Tabel Table Elemen table digunakan untuk membuat tabel Tabel: representasi data tabular dalam baris dan kolom. Caption Elemen caption digunakan
Form Masukan dengan Method Post
12.1. Mengolah data dari form Untuk mengelola data yang dikirim dari web, dapat dilakukan dengan menggunakan peintah Get atau Post. Methode ini dikembangkan oleh pengembang web untuk mendapatkan informasi
INTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA
INTRO PHP FORM PHPMYADMIN input update delete TEMPLATE SEDERHANA STRUKTUR DASAR PHP Struktur PHP diawali dengan Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman
Pertemuan IV. Semester 1
Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table
MODUL 5 GET & POST Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017
MODUL 5 GET & POST Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Post dan Get Request... 2 Isset dan Empty... 5 Sanitasi input... 6 Latihan... 7 Teknik Informatika Universitas
BAB III FORMULIR. <input type='text' name='...' size='40' maxlength='..'>
BAB III FORMULIR Formulir dalam halaman html merupakan komponen input, yaitu bagian yang berfungsi sebagai tempat memasukkan data dari penggunanya. Dengan formulir, halaman web bisa menjadi lebih interaktif.
Form Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5
Robby Cokro Buwono Badiyanto, S.Kom., M.Kom Sesi 5 Form Tujuan Intruksional Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form Kode MK : AK2011T Revisi Terakhir
Conditional PRAKTIKUM PHP Conditional, Array & Perulangan di PHP
PRAKTIKUM PHP 4 1. Conditional, Array & Perulangan di PHP Tutorial Conditional, Array & Perulangan di PHP ini akan menjelaskan tentang Conditional atau penggunaan "if" dan "else", dilanjutkan dengan penjelasan
1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form
MODUL 2 Form dan JSP TUJUAN PRAKTIKUM : 1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form 2. Praktikan mengetahui elemen-elemen dari form 3. Praktikan mengetahui Control Text
Menangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Form dan Variabel Oya Suryana
Hal. 1 Form dan Variabel Oya Suryana http://ozs.web.id Lisensi Dokumen: Copyright 2013 ozs.web.id Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
MODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB SESSION & COOKIE Rajif Agung Yunmar, S.Kom STMIK AMIKOM Yogyakarta 2011 DAFTAR ISI Session & Cookie... 1 1. Session... 2 2. Cookie... 4 3. Program Autentikasi... 5 Daftar Pustaka...
Pemrograman Web. HTML5, CSS3 dan Javascript
Pemrograman Web HTML5, CSS3 dan Javascript HTML5 HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web Mengontrol tampilan dari web page dan contentnya Mempublikasikan
SMH2D3 Web Programming. 7 BAB V PHP SESSION & COOKIES. H a l IDENTITAS. Kajian Teknik pemrograman menggunakan PHP
7 BAB V PHP SESSION & COOKIES 71 IDENTITAS Kajian Teknik pemrograman menggunakan PHP Topik Penggunaan Library PHP dan teknik lanjutan Web Dinamis Kompetensi Utama 1 Memahami penggunaan Form dan Validasi
Pertama-tama kita buat form login terlebih dahulu. login.htm
Secara umum, session digunakan untuk menyimpan suatu informasi antar proses request, baik request dalam bentuk POST atau GET. Bingung yah?? He.. he.. he OK saya akan ambil contoh untuk menggambarkan hal