Pengenalan Perancangan Web 2017
|
|
- Susanti Susman
- 6 tahun lalu
- Tontonan:
Transkripsi
1 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 aplikasi web berbasis database dan aplikasi pendaftaran. Untuk membuat form, digunakan tag awal <form> dan diakhiri dengan tag penutup </form>. Penulisan sintaksnya adalah: <form action= url method= get post >... </form> Tag Form Method Action Metode pengiriman data ke tujuan, yaitu: GET : mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL POST : mengirimkan datanya secara terpisah Menentukan lokasi dari script yang akan memproses data dari form Jenis Masukan dalam Form Jenis masukan dalam form dibedakan menjadi: 1. Text, digunakan untuk memasukkan suatu nilai untuk dikirimkan kepada server. Nilai yang dimasukkan dapat berupa angka ataupun teks; 2. Radio, menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih; 3. Check box, menyediakan beberapa pilihan, pilihan dapat lebih dari satu; 4. List, menyediakan pilihan dalam bentuk list pilihan (daftar). Dapat memilih lebih dari satu; 5. Button, elemen yang mendefiniskan tombol untuk melakukan proses pada halaman HTML; 6. Submit, elemen tombol yang digunakan untuk memanggil URL, setelah input selesai dimasukkan; 7. Reset, elemen tombol yang digunakan untuk mengembalikan ke kondisi awal; 8. Image, digunakan sebagai pengganti button, berupa gambar yang berfungsi sama seperti button; 9. Text area, elemen yang digunakan untuk menampung data dalam bentuk teks; 10. File,elemen button yang dapat memanggil file atau gambar dari storage; 11. Password, elemen berupa teks yang khusus digunakan untuk mengisi password.
2 9.2. Contoh-contoh Input Text Area Tag <textarea> digunakan untuk membuat suatu text area yaitu sebuah kotak teks dengan multi baris. Di dalam text area, dapat dituliskan karakter yang tidak terbatas. Tag <textarea> memiliki atribut antara lain: Rows Cols Mendefiniskan nama obyek textarea Menentukan jumlah baris textarea Menentukan lebar textarea Select Area Tag <select> digunakan untuk membuat dropdown sederhana. Dropdown adalah daftar yang dapat dipilih. Tag ini memiliki beberapa atribut yaitu: Size Multiple Mendefiniskan nama obyek select Menentukan berapa pilihan yang akan ditampilkan. Mengizinkan untuk memilih lebih dari satu 30 contoh: latihan34.html <!DOCTYPE html> <html> <head> <title>mengenal Tag Textarea dan Tag Select</title> </head> <body> <table border= 1 > <td>pilih Jenis Buku <td> <select name= pendidikan > <option value= komputer >Komputer</option> <option value= kedokteran >Kedokteran</option> <option value= psikologi >Psikologi</option> <option value= ekonomi >Ekonomi</option> </select> <td>sinopsis <td> <textarea name= sinosis cols=55 rows= 5 ></textarea> </table> </body> </html>
3 Input Tag <input> digunakan untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user, misal kotak teks, kotak pilihan, tombol, dan lain-lain. Tag <input> tidak memerlukan tag penutup. Tag ini memiliki beberapa atribut antara lain: Mendefiniskan nama obyek input. ini harus dituliskan kecuali untuk tipe submit dan clear. Size Menentukan ukuran kotak teks. Maxlenght Menentukan jumlah maksimum karakter yang dapat dimasukkan pada kotak teks. Value Kotak teks : Menentukan teks yang tertulis. Check box atau radio : menentukan nilai item yang dipilih Submit atau reset : menentukan teks yang tertulis pada tombol Checked hanya digunakan untuk check box atau radio. Menentukan pilihan yang terpilih secara default Type Menentukan tipe input yang dibuat Tipe input antara lain: a. Text digunakan untuk membuat kode teks; b. Password digunakan untuk membuat kotak teks dengan menampilkan tanda *; c. Check box digunakan untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu; d. Radio digunakan untuk membuat suatu daftar pilhan yang hanya dipilih satu saja; e. File digunakan untuk memanggil file atau gambar dari storage f. Reset digunakan untuk membuat tombol yang fungsinya untuk menghapus semua isi form yang telah diberikan g. Submit digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar diolah. 31 contoh: latihan35.html <!DOCTYPE html> <html> <head> <title>input Data Mahasiswa</title> </head> <body> <h4>tambah Data Mahasiswa</h4> <form method= post action= # > <table border= 0,5 > <td>nama <input type= text name= nama size= 60 > Next code...
4 <td>alamat <textarea name= alamat cols= 50 rows= 5 ></textarea> <td>kelas <select name= kelas > <option value= pilih selected>- Pilih Kelas -</option> <option value= 15S1SI01 >17-S1SI-01</option> <option value= 15S1SI02 >17-S1SI-02</option> <option value= 15S1SI03 >17-S1SI-03</option> <option value= 15S1SI04 >17-S1SI-04</option> <option value= 15S1SI05 >17-S1SI-05</option> </select> <td>jenis Kelamin <input type= radio name= gender value= P checked> Pria <input type= radio name= gender value= W > Wanita <td>ukm yang Diikuti <input type= checkbox name= amcc >AMCC <br> <input type= checkbox name= jurnalistik >JURNALISTIK <br> <input type= checkbox name= mayapala >MAYAPALA<br> <input type= checkbox name= taekwondo >TAEKWONDO <td colspan=2> <input type= submit value= SIMPAN > <input type= reset value= RESET > </table> </body> </html> Tambahan: 32 TIPE Cel Color Date Datetime Datetime-local Month Number range KETERANGAN Nilai input untuk nomor telepon Untuk pengisian heksadesimal sebuah warna. Misal #FF6600 Untuk pengisian tanggal Untuk mengisi waktu dan tanggal Untuk pengisian lokal waktu/tanggal Untuk mengisi atau lebih dari satu Untuk pengisian bulan Untuk pengisian nomer Untuk pengisian rentang nilai
5 Search Time url Week Untuk bidang pencarian Untuk pengisian waktu Nilai input untuk memasukkan URL Untuk pengisian minggu Penugasan: 1. Buat form isian dengan memanfaatkan atribut-atribut baru 2. Buat form action yang merupakan hasil dari penyimpanan form sebelumnya 33
Pengenalan 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 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 terperinciTag 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 terperinciUntuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form.
MEMBUAT FORM Untuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form. Secara otomatis Ms. Frontpage akan menyisipkan
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 terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
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 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 terperinci1. 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
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 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 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 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 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 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 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 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 terperinciBAB 1 PENGENALAN HTML
1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (HTML)
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 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 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 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 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 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 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 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 terperinciMenciptakan Form dalam Web
Menciptakan Form dalam Web STMIK AKAKOM YOGYAKARTA Click to edit Master subtitle style Contoh sebuah Form Komponen dan elemen dalam Form Input box First Name Address #1 Address #2 Last Name radio button
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 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 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 terperinciOtodidak Desain dan Pemrograman Website
Otodidak Desain dan Pemrograman Website Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana
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 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 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 terperinciForm 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),
Lebih terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
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 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 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 terperinciPemrograman Web PRAKTIKUM 1 PENGANTAR
PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium
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 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 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 terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
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 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 terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
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 terperinciOBJEK (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
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 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 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 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 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 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 terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciHTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
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 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 terperinciMODUL 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
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 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 terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
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 terperinciLaporan Bengkel Web II Modul 6
Laporan Bengkel Web II Modul 6 D I S U S U N Oleh : Muhammad Aly Al-Husaini 1457301050 1 SI C Politeknik Caltex Riau T.A 2014-2015 Modul 6. Fungsi Filter PHP Contoh Program Contoh 1 : Baris 3, membuat
Lebih terperinciHTML: Frame, Form #JOBSHEET 2 I. TUJUAN DASAR TEORI
#JOBSHEET 2 HTML: Frame, Frm I. TUJUAN 1. Menguasai sintaks dasar pembuatan web dengan HTML. 2. Memahami dan mampu membuat tabel dalam dkumen HTML 3. Memahami dan mengaplikasikan pembuatan frame dalam
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
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 terperinciMelewatkan Nilai ke Web Server melalui Field tersembunyi
Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
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 terperinci