Form dan Variabel Oya Suryana
|
|
- Inge Makmur
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Hal. 1 Form dan Variabel Oya Suryana Lisensi Dokumen: Copyright 2013 ozs.web.id Dokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari penulis. A. Form Form didalam html berfungsi untuk menampung data isian yang akan diproses lebih lanjut baik disimpan atau dihitung. Tag Form memiliki beberapa atribut dan komponen tergantung dari jenis data yang akan dikirim. Berikut syntax penulisan form didalam html : <form name= nama_form method= method_pengiriman_data action= file_tujuan> {Komponen input } </form> Keterangan Name : Setiap form memiliki nama, hal ini untuk mengidentifikasi jika dalam sebuah file html / php terdapat dua form atau lebih Method : Method merupakan metode pengiriman data yang diinput ke file yang dituju Action : Merupakan file yang akan dijalankan ketika user menekan tombol submit (misal : tombol simpan, hapus, delete atau update Adapun yang termasuk komponen input dalam html adalah : a. Text Komponen input dengan type text tepat digunakan untuk menerima masukan data berupa karakter atau numerik bahkan hampir semua karakter bisa ditampung, pemilihan tipe ini cocok untuk menampung data seperti nama, nomor induk, atau alamat . Berikut syntax-nya : <input type= text name= nama_komponen size= n maxlength= n value= nilai > Atribut diatas yang wajib ada adalah atribut name dan type, sedangkan atribut size maxlength dan value disesuaikan dengan kebutuhan ketika membangun aplikasi. <input type= text name= no_induk size= 8 maxlength= 8 >
2 Hal. 2 b. Password Komponen ini lebih tepat digunakan untuk menampung data berupa password dimana setiap karakter aan disembunyikan dan diganti dengan karakter * (bintang). Adapun syntax-nya adalah sebagai berikut <input type= password name= nama_komponen size= n maxlength= n > Contoh penggunaan : <input type= password name= kata_sandi size= 5 maxlength= 5 > c. Radio Komponen ini lebih tepat digunakan untuk membuat pilihan dimana item yang dipilih hanya boleh satu pilihan tidak boleh lebih, misal untuk memilih jenis kelamin, memilih jurusan, dan item yang disediakan relatif sedikit, apabila banyak lebih baik gunakan komponen <select>. Adapun syntax-nya adalah sebagai berikut <input type= radio name= nama_komponen checked= checked value= nilai > Contoh penggunaan : <input type= radio name= jenis_kelamin value= L > Laki-laki <input type= radio name= jenis_kelamin value= P > Perempuan d. Checkbox Komponen ini lebih tepat digunakan untuk membuat pilihan dimana item yang dipilih boleh satu pilihan bahkan boleh lebih, misal untuk memilih hobby. Adapun syntax-nya adalah sebagai berikut <input type= checkbox name= nama_komponen value= nilai > <input type= checkbox name= hobby1 value= 1 >Bola Volley <input type= checkbox name= hobby2 value= 2 >Bola Basket <input type= checkbox name= hobby3 value= 3 >Sepak Bola e. Submit Komponen ini digunakan untuk membuat tombol untuk melakukan perubahan data, adapun format syntax nya adalah sebagi berikut : penyimpanan data atau <input type= submit name= nama_komponen value= text > <input type= submit name= simpan value= Simpan Data > f. Reset Komponen ini digunakan untuk mengosongkan form yang sedang diisi, adapun format syntax nya adalah sebagi berikut : <input type= reset name= nama_komponen value= text > <input type= reset name= tombol_reset value= Kosongkan Form >
3 Hal. 3 g. Textarea Komponen ini mirip dengan komponen text namun memiliki kelebihan bisa diatur jumlah baris untuk menampung data. Adapun format syntax-nya adalah sebagai berikut : <textarea name= nama_komponen cols= lebar_komponen rows= jml_baris >value</textarea> <textarea name= alamat cols= 10 rows= 5 ></textarea> h. Select Komponen ini digunakan untuk membuat pilihan dropdown, pilihan ini cocok digunakan jika jumlah pilihan relatif banyak. Adapun syntaxnya adalah : <select name= nama_komponen > <option value= nilai_pilihan_1 selected>text pilihan 1</option> <option value= nilai_pilihan_2 >Text pilihan 2</option> <option value= nilai_pilihan_n >Text pilihan n</option> </select> B. Variabel Variabel merupakan suatu tempat yang disediakan untuk menampung nilai yang sering berubahubah. Variabel merupakan lawan daripada konstanta. 1. Aturan Pembuatan Variabel Variabel sebelum digunakan harus didefinisikan terlebih dahulu, pendefinisian variabel dalam PHP memiliki sejumlah aturan. Adapun aturan-aturan dalam pembuatan variabel adalah sebagai berikut : Diawali dengan tanda dollar ($) Penamaan hanya boleh menggunakan huruf dari A-Z, a-z, gabungan huruf dan angka Penamaan variabel tidak boleh menggunkan operator matematika seperti +, -, /, *, %, (, ), {, } Variabel bersifat case sensitif (membedakan huruf besar dan kecil). Jika nama variabel terdiri dari dua kata, gunakan tanda underscore (_) atau menggunakan style CamelCaps, jangan menggunakan spasi. Nama variabel tidak boleh terdiri dari angka seluruhnyaa. 2. Contoh variabel Dari aturan penamaan tersebut maka berikut adalah contoh-contoh variabel yang benar dan yang salah. a. Contoh variabel yang benar : $nama_siswa $NamaSiswa $Siswa_ke1 b. contoh variabel yang salah : $nama-siswa Salah! menggunakan tanda minus $nama siswa Salah! menggunakan spasi $123 Salah! terdiri dari angka seluruhnya 3. Metode pengisian / Pengiriman variabel
4 Hal. 4 Pengiriman variabel / pengisian variabel untuk digunakan di proses selanjutnya dalam PHP terdapat dua metode, adapun kedua metode itu adalah : a. POST Metode post digunakan jika nilai variabel dikirim melalui input pada komponen form didalam HTML. b. GET Metode post digunakan jika nilai variabel dikirim URL (alamat internet) didalam browser. 4. Memanggil / Menampilkan Variabel Pemanggilan variabel yang dikirim tergantung pada metode pengiriman apakah menggunakan POST atau GET. a. JIka variabel dikirim dengan metode POST, maka cara menampilkan di browser adalah sebagai berikut : echo $_POST[ nama_variabel ]; b. JIka variabel dikirim dengan metode GET, maka cara menampilkan di browser adalah sebagai berikut : echo $_GET[ nama_variabel ]; C. Contoh Penggunaan Form, Komponen dan Variabel Contoh penerapan form dan variabel dalam pemrograman web. a. Buat file tambah.php Pada file tambah.php ketik code berikut : <?php include("konstanta.php");?> <html> <head> <title><?php echo TITLE_WEB;?></title> <body> <table border="1" width="100%" cellspacing="0"> <tr height="100"><td colspan="2" bgcolor="yellow"><?php echo header_web ;?></td></tr> <tr height="350" valign="top"><td width="200" bgcolor="#dedede"><?php echo menu_kiri;?></td> <td> <!-- awal konten--> <h4 align="center">form penambahan data</h4> <p>untuk menambah data, silahkan masukan data siswa pada form dibawah ini.</p> <form name="form_data_siswa" method="post" action="simpan.php"> <table align="center" border="1"> <tr><td>nomor induk</td> <td><input type="text" name="no_induk"/></td></tr> <tr><td>nama lengkap</td> <td><input type="text" name="nama_lengkap"/></td></tr> <tr><td>jenis kelamin</td> <td><input type="radio" name="jk" value="l">laki-laki <input type="radio" name="jk"
5 Hal. 5 value="p">perempuan</td></tr> <tr valign="top"><td>hoby</td><td><input type="checkbox" value="1" name= hoby1 >bola basket<br/> <input type="checkbox" value="2" name= hoby2 >bola volley<br/> <input type="checkbox" value="3" name= hoby3 >membaca<br/> </td></tr> <tr><td>tempat lahir</td> <td><input type="text" name="tempat_lahir"/></td></tr> <tr><td>tanggal lahir</td> <td><input type="date" name="tempat_lahir"/></td></tr> <tr><td>pekerjaan</td> <td> <select name="pekerjaan_ot"> <option value="1">pegawai negeri sipil</option> <option value="2">kary. bumn/bumd</option> <option value="3">pedagang</option> <option value="4">petani</option> <option value="5">wiraswasta</option> </select></td></tr> <tr valign="top"><td>alamat lengkap</td> <td><textarea name="alamat" rows="5" cols="35"></textarea></td></tr> <tr valign="top"><td colspan="2"><input type="submit" name="simpan" value="simpan data"> <input type="reset" name="reset" value="kosongkan form!"> </td></tr> </table> </form> <!-- akhir konten--> </td> </tr> <tr height="50"><td colspan="2" bgcolor="red"><?php echo kaki_web ;?></td></tr> </table> </body> </head> </html> Jalankan di browser maka akan tampak seperti pada gambar dibawah
6 Hal. 6 b. Buat file simpan.php Pada file simpan.php ketik code berikut : <?php include("konstanta.php");?> <html> <head> <title><?php echo TITLE_WEB;?></title> <body> <table border="1" width="100%" cellspacing="0"> <tr height="100"><td colspan="2" bgcolor="yellow"><?php echo HEADER_WEB ;?></td></tr> <tr height="350" valign="top"><td width="200" bgcolor="#dedede"><?php echo MENU_KIRI;?></td> <td> <!-- awal konten--> <h4 align="center">form penambahan data</h4> <p>untuk menambah data, silahkan masukan data siswa pada form dibawah ini.</p> <?php $no_induk=$_post['no_induk']; $nama_lengkap=$_post['nama_lengkap']; $jk=$_post['jk']; $hoby1=$_post['hoby1']; $hoby2=$_post['hoby2']; $hoby3=$_post['hoby3']; $tempat_lahir=$_post['tempat_lahir']; $tanggal_lahir=$_post['tanggal_lahir']; $pekerjaan_ot =$_POST['pekerjaan_ot']; $alamat=$_post['alamat']; echo "nomor induk : ".$no_induk."<br/>"; echo "nama lengkap : ".$nama_lengkap."<br/>"; echo "jenis kelamin : ".$jk."<br/>"; echo "hoby : ".$hoby1."<br/>"; echo $hoby2."<br/>"; echo $hoby3."<br/>"; echo "tempat lahir : ".$tempat_lahir."<br/>"; echo "tanggal lahir : ".$tanggal_lahir."<br/>"; echo "pekerjaan orang tua : ".$pekerjaan_ot."<br/>"; echo "alamat : ".$alamat;?> <tr height="50"><td colspan="2" bgcolor="red"> <?php echo KAKI_WEB ;?></td></tr> </table> </body> </head> </html>
7 Hal. 7 Perhatikan gambar diatas! Mengapa hoby, jenis kelamin dan pekerjaan yang muncul adalah kode nya bukan tulisanya? jawabannya akan dibahas pada materi Clausa IF dan CASE. DAFTAR PUSTAKA
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
Lebih terperinciPerancangan & 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
Lebih terperinciPengenalan 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
Lebih terperinciKURSUS 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
Lebih terperinciPemrograman 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)
Lebih terperinci[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
Lebih terperinciMODUL 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
Lebih terperinciPemrograman 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
Lebih terperinciBAB-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
Lebih terperinciMODUL 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
Lebih terperinciAtribut 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.
Lebih terperinciBab 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
Lebih terperinciForm 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
Lebih terperinciMODUL 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
Lebih terperinciForm 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
Lebih terperinciPENGENALAN 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.
Lebih terperinciPENGANTAR 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.
Lebih terperinciAplikasi 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:
Lebih terperinciIV. 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.
Lebih terperinci1. 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
Lebih terperinciRIO 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,
Lebih terperinciA. 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
Lebih terperinciTujuan: 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
Lebih terperinciPemrograman 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
Lebih terperinciMENAMPILKAN 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:
Lebih terperinciPertemuan 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
Lebih terperinciPertemuan 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
Lebih terperinciPemrograman 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
Lebih terperinciP - 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
Lebih terperinciP - 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
Lebih terperinciBagian 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
Lebih terperinciMuhamad 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:
Lebih terperinciMODUL 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
Lebih terperinciMembuat 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
Lebih terperinci10/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
Lebih terperinciSintak 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:
Lebih terperinciFORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri
FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background
Lebih terperinci</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..
Lebih terperinciFORMULIR 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
Lebih terperinci1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
Lebih terperinciMODUL 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
Lebih terperinciDengan 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
Lebih terperinciP - 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
Lebih terperinciDesain 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
Lebih terperinciPHP 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
Lebih terperinciPEMROGRAMAN 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
Lebih terperinciKapita 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
Lebih terperinciWeb 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
Lebih terperinciMuhammad 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
Lebih terperinciPengantar 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
Lebih terperinciBAB 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.
Lebih terperinciTUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web
TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 22. Lebih Jauh Bekerja dengan
Lebih terperinciModul Pemrograman Web Teori + Praktik PHP, XML, Ajax, Laravel
Modul Pemrograman Web Teori + Praktik PHP, XML, Ajax, Laravel 2015 Pertemuan V PHP DAN MySQL 5.1 Ringkasan Materi PHP-MySQL Fungsi-fungsi php untuk berkomunikasi dengan mysql begitu banyak. Diantaranya
Lebih terperinciModul 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
Lebih terperinciMODUL 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...
Lebih terperinciIkbal 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
Lebih terperinciPenanganan 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
Lebih terperinciMODUL 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
Lebih terperinciHTML 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
Lebih terperinciDesain 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
Lebih terperinciPemrosesan 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
Lebih terperinciWEB 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
Lebih terperinciPengenalan Perancangan Web 2016
6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang
Lebih terperinciTabel 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
Lebih terperinciPertemuan 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
Lebih terperinciMembuat 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
Lebih terperinciTutorial HTML. Oleh: Willy Bayuardi Suwarno, SP, MSi. Dipublikasi di tanggal 7 Mei 2008
Tutorial HTML Oleh: Willy Bayuardi Suwarno, SP, MSi willy@ipb.ac.id Dipublikasi di http://willy.situshijau.co.id tanggal 7 Mei 2008 Artikel ini dapat digunakan dan disebarkan secara bebas, baik sebagian
Lebih terperinciHTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
Lebih terperinciSoal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Lebih terperinciPenanganan Form 16/10/2014
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
Lebih terperinciForm 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
Lebih terperinciMODUL 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
Lebih terperinciText 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
Lebih terperinci2. inputkk.php. 3. tampilkk.php
Ketua RT. 04 RW. 10 Desa Pinggir Kompor membuat database berbasis web menggunakan PHP dan MySQL. Halamanhalaman web yang dibuat adalah seperti berikut: 1. index.php 2. inputkk.php 3. tampilkk.php 1 4.
Lebih terperinciFORM 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
Lebih terperinciBab12 Pembuatan Aplikasi Biodata dengan PHP MYSQL
Bab12 Pembuatan Aplikasi Biodata dengan PHP MYSQL 1. Pengenalan PHP dan MySQL PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan
Lebih terperinciSEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two
SEARCHING, EDIT / UPDATE DAN DELETE PHP & MYSQL Part Two Maskie Z.O Review Project yang telah dibuat sebelumnya : Cek.php (Session) Index3.htm l Login1.php List1.ph p FmSiswaIn.P hp FmSiswaSim. php Index3.Html
Lebih terperinciMODUL 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 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:
Lebih terperinciModul Pembuatan Aplikasi Biodata dengan PHP dan MySQL
Modul Pembuatan Aplikasi Biodata dengan PHP dan MySQL For Community College By ri32 Kata Pengantar Modul ini dibuat untuk menjadi panduan dalam membuat aplikasi sederhana menggunakan bahasa pemrograman
Lebih terperinci1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.
TUJUAN a. Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. b. Dapat berkreasi dengan tabel, form dan frame untuk membuat sebuah karya web personal. ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN
Lebih terperinciMEMBUAT FORM Dan FRAME 1. Form Form Form
1. Form Form adalah suatu cara untuk mejadikan halaman web menjadi lebih interaktif, karena akan mendaptakan umpan balik dari pengunjung situs web. Form dapat digunakan untuk membuat buku tamu, formulir
Lebih terperinciBAB 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
Lebih terperinciMODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya
MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,
Lebih terperinciBAB 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.
Lebih terperinciBerikut di bawah ini adalah method yang digunakan untuk mengambil parameter beserta contohnya.
Transaksi Parameter chocolove_mic@yahoo.co.uk http://www.mycgiserver.com/~chocolove2003 Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk
Lebih terperinciTUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web
TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 19. Menampilkan Data MySQL dalam
Lebih terperinciFormulir. 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
Lebih terperinciSMH2D3 Web Programming. 3 BAB III TABLE & FORM INPUT DATA HTML5. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
3 BAB III TABLE & FORM INPUT DATA HTML5 31 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Scripting tingkat lanjut, Tabel dan Form HTML5 Kompetensi Utama 3 Mengetahui penggunaan script HTML5
Lebih terperinciX/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
Lebih terperinciHTML5. 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
Lebih terperinciBAB 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
Lebih terperinciMODUL 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
Lebih terperinciValidasi data merupakan suatu proses yang sangat dilakukan untuk menjaga konsistensi data.
VALIDASI DATA Validasi data merupakan suatu proses yang sangat dilakukan untuk menjaga konsistensi data. Contoh Kasus : Buatlah suatu halaman web yang berguna untuk menghitung nilai seorang mahasiswa.
Lebih terperinci4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button
NAMA : KELAS/NoAbsensi : A. PILIHAN GANDA 1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a.
Lebih terperinciBAB IX Form. Mulailah dengan membuka Notepad, kemudian tulis baris-baris di bawah ini:
BAB IX Form Mulailah dengan membuka Notepad, kemudian tulis baris-baris di bawah ini: Membuat form html Simpan dengan nama form1.htm di folder
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Lebih terperinciHTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.
HTML Dasar HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad. Bentuk umum:
Lebih terperinciPemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 5 : Konsep MVC : View Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Penanganan HTML Penanganan Form Penanganan
Lebih terperinciINTRO 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
Lebih terperinciBAB VI PHP DENGAN MYSQL (3)
BAB VI PHP DENGAN MYSQL (3) Sebelum mempelajari bab Ini anda harus mempelajari bab sebelumnya agar tidak menggantung pemahamannya. Kita masih menggunakan database yang sama seperti bab sebelumnya jadi
Lebih terperinci