[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 ]

Ukuran: px
Mulai penontonan dengan halaman:

Download "[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 ]"

Transkripsi

1 [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 ]

2 Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat anda mengizinkan adanya nilai (data) yang dipilih atau dimasukkan oleh pengguna, seperti komentar tamu ke suatu situs web (guestbook). Kapasitas dari form hanya menyediakan media entry data dan mengirimkannya tetapi tidak untuk menerima dan mengolah. Yang akan menangani lebih lanjut data adalah web scripting yang bersifat server side. Form dalam HTML merupakan jembatan komunikasi antara client dengan server. Untuk melakukan validasi pengisian elemen form, dibutuhkan bahasa pemrograman web lanjut karena HTML tidak memiliki perintah untuk pengujian validasi dari nilai elemen form. Gambar Contoh Form

3 Bagian berikut menerangkan elemen-elemen yang dapat ditempatkan dalam suatu form : Elemen Atribut fungsi INPUT Bentuk masukan. Diisi dengan TYPE TEXT atau PASSWORD NAME Nama komponen input VALUE Isi/nilai dari komponen input SIZE Panjang komponen input MAXLENGTH Batasan panjang penulisan isi input INPUT TYPE Bentuk masukan RADIO NAME Nama komponen input radio VALUE Pemberian nilai pada radio CHEKED Memilih salah satu radio INPUT TYPE Bentuk masukan CHECKBOX NAME Nama komponen input checkbox VALUE Pemberian nilai pada checkbox CHEKED Memilih checkbox SELECT Nama komponen select /pull down NAME list OPTION Pilihan dalam list VALUE Isi pada list SELECTED Option yang dipilih SIZE Ukuran list TEXTAREA TYPE Bentuk komponen TEXTAREA NAME Nama komponen textarea ROWS Jumlah baris pada textarea COLS Jumlah kolom pada textarea INPUT Bentuk masukan tombol. Diisi TYPE Submit Reset dengan SUBMIT atau RESET VALUE Judul pada tombol Tag <FORM> Tag <FORM> merupakan tag yang digunakan untuk mendefinisikan sebuah form. Tag ini mempunyai tiga atribut, yaitu NAME, METHOD dan ACTION. ATRIBUT NAME METHOD ACTION KETERANGAN (optional) nama untuk form yang berlaku, digunakan untuk form GET= data yang dikirimkan melalui URL address POST= hadling data dikirimkan bersama HTTP header Untuk menentukan URL atau direktori dari file yang digunakan untuk mengolah form tersebut Penulisan tag <form> <FORM METHOD=".." ACTION=" ">

4 Tag <TEXTAREA> Tag <TEXTAREA> digunakan untuk membuat sebuah kotak teks multi baris. Tag ini mempunyai beberapa atribut, yaitu : ATRIBUT KETERANGAN NAME Mendefinisikan nama objek textarea ROWS Menentukan jumlah baris textarea COLS Menentukan lebar textarea <HTML> <HEAD> <TITLE>Text Area</TITLE> </HEAD> <BODY> <FORM> <TEXTAREA NAME=teksarea1 ROWS=10 COLS=40> Teks ini akan tertulis di dalam textarea </TEXTAREA> </FORM> </BODY> </HTML>

5 Tag <SELECT> Tag <SELECT> digunakan untuk membuat sebuah daftar pilihan. Tag ini memiliki beberapa atribut, yaitu : ATRIBUT NAME SIZE MULTIPLE KETERANGA Mendefinisikan nama dari objek select Menentukan berapa pilhan yang akan ditampilkan. Jika atribut ini tidak disertakan atau diberi nilai 1, pilihan akan ditampilkan sebagai dropdown list. Jika diberi nilai 2 atau lebih, pilihan akan ditampilkan sebagai scroll box. Jika nilai SIZE lebih besar dari jumlah pilihan yang ada pada <SELECT>, pilihan kosong akan ditambahkan. Jika user memilih pilihan ini maka nilainya adalah kosong. Mengizinkan untuk memilih lebih dari satu Pilihan yang disediakan oleh tag <SELECT> diberikan di dalam tag <OPTION>. Tag <OPTION> sendiri mempunyai dua atribut yaitu VALUE yang digunakan untuk memberi nama item pilihan dan SELECTED yang menunjukkan pilihan yang terpilih secara deafult. Tag <OPTION> tidak perlu ditutup dengan </OPTION>. <HTML> <HEAD> <TITLE>SELECT</TITLE> </HEAD> <BODY> Berapa besar memori yang Anda pakai : <FORM> <SELECT NAME= memori > <OPTION SELECTED VALUE= 16 MB >16 MB <OPTION VALUE= 32 MB >32 MB <OPTION VALUE= 64 MB >64 MB <OPTION VALUE= 128 MB >128 MB <OPTION VALUE= 128keatas >Lebih 128 MB </SELECT> </FORM> </BODY> </HTML>

6 Tag <INPUT> Tag <INPUT> digunakan untuk membuat komponen-komponen yang digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak pilihan, tombol dan lain-lain. Tag ini tidak memerlukan tag penutup. Tag ini mempunyai beberapa atribut, yaitu : ATRIBUT NAME SIZE MAXLENGTH VALUE CHECKED TYPE KETERANGAN Mendefinisikan nama dari objek input. Atribut ini harus dituliskan kecuali untuk tipe submit dan clear Menentukan ukuran kotak teks Menentukan jumlah maksimum karakter yang dapat dimasukkan pada kotak teks Untuk kotak teks, menentukan teks yang tertulis. Untuk check box atau radio, menentukan nilai item yang dipilih. Untuk Submit dan Reset, menentukan teks yang tertulis pada tombol Hanya digunakan untuk check box atau radio. Menentukan pilihan yang terpilih secara default. Menentukan tipe input yang dibuat Tipe input yang dapat dibuat adalah : Text : digunakan untuk membuat kotak teks Password : digunakan untuk membuat kotak teks, tetapi semua karakter akan ditampilkan dengan tanda *. Check Box : digunakan untuk membuat suatu daftar pilihan yang dapat dipilih lebih dari satu.

7 Radio : digunakan untuk membuat suatu daftar pilihan yang hanya dapat dipilih satu saja. Reset : digunakan untuk membuat tombol yang fungsinya untuk menghapus semua isian form yang telah diberikan. Submit : digunakan untuk membuat tombol yang fungsinya untuk mengirimkan data form agar diolah. File : digunakan untuk memasukkan (upload) data dokumen atau file seperti gambar atau suara. <HTML> <HEAD> <TITLE>Belajar Form</TITLE> </HEAD> <BODY> <FORM METHOD="POST" ACTION="formarea.html"> LOGIN Nama :<INPUT TYPE=text NAME=txtnama> Password :<INPUT TYPE="PASSWORD" NAME="pwd" size="8" maxlenght="8"> <PRE> Silakan masukkan data pribadi Anda : Nama :<INPUT TYPE=text NAME=txtnama> Alamat :<INPUT TYPE=text NAME=txtalamat SIZE=50> No Telpon :<INPUT TYPE=text NAME=txttelpon SIZE=10> Masukkan Password Anda : <INPUT TYPE=password MAXLENGTH=6> Hobby Anda (boleh lebih dari satu) : <INPUT TYPE=checkbox NAME=hobby VALUE=baca> Membaca <INPUT TYPE=checkbox NAME=hobby VALUE=ORaga> Olah Raga <INPUT TYPE=checkbox NAME=hobby VALUE=nonton> Nonton Film <INPUT TYPE=checkbox NAME=hobby VALUE=travel> Travelling <!--perhatikan bahwa untuk satu kelompok pilihan yang sama nilai atribut NAME harus sama--> Jenis Kelamin : <INPUT TYPE=radio NAME=jk VALUE=pria> Laki-laki <INPUT TYPE=radio NAME=jk VALUE=wanita> Perempuan <HR> <INPUT TYPE=submit VALUE=kirim> <INPUT TYPE=Reset VALUE=hapus> <HR> Upload Foto <INPUT TYPE=file NAME=upload> </FORM> </BODY> </HTML>

8 2. TEORI DASAR FRAME Frame banyak digunakan untuk membuat halaman web yang area tampilannya terbagi-bagi. Konsep frame hampir sama dengan table, namun perbedaannya adalah masing-masing bagian tersebut yang berupa baris atau kolom dalam frame adalah merupakan file, sedangkan dalam tabel adalah sel. Sehingga frame dapat diartikan kumpulan dari banyak file dokumen HTML yang tersusun sedemikian rupa. Karakteristik dari frame Lebih dari satu dokumen dapat ditampilkan secara bersamaan dalam satu tampilan dokumen Setiap dokumen ditampilkan dalam sebuah frame, jadi minimal satu frame memiliki 1 file dokumen Dibutuhkan 1 dokumen tersendiri yang berisi definisi frameset. Frameset inilah yang akan membungkus keseluruhan file frame. Dokumen frameset tersebut tidak mempunyai isi dokumen (tidak ada<body> </body>)

9 Skema dasar dokumen frameset <frameset frameborder= x > <frame src= nama file1.html > <frame src= nama file2.html >.dst(atau frameset yang lain) <noframes> Bagian ini ditampilkan jika browser tidak mendukung frames </noframes> Sebuah frameset menentukan tata letak,ukuran dan banyaknya frame yang akan ditampilkan. Untuk menyatakan tata letak dokumen dalam frame yang tersusun secara baris maka ditambahkan atribut rows= ukuran1,ukuran2 ukuran n. adapun untuk kolom digunakan atribut cols= ukuran1,ukuran2, ukuran n. sebuah frameset hanya memiliki salah satu saja (rows atau cols). Pendefinisian ukuran digunakan dengan aturan: Nilai angka dalam pixel Nilai angka dalam persentase (%) yang menandakan persentase dari keseluruhan area tampilan yang disediakan Tanda bintang (*) yang menandakan sisa ruang yang masih ada. Contoh: <frameset rows= 50,10%,*,2* >. Yang berarti area tampilan terbagi menjadi 4 baris <frameset cols= 30%,* >. Yang berarti area tampilan terbagi menjadi 2 kolom Dengan mendefinisikan ukuran-ukuran tersebut maka frameset otomatis akan membagi area tampilan frame sebanyak pendefinisian ukurannya. Frame name digunakan oleh hyperlink untuk mengaktifkan link halaman ke dalam frame tertentu yang sesuai dengan target name-nya Di dalm frameset boleh terdapat frameset lain (nested frameset).

10 <html> <head> <title>frame</title> </head> <body> <h1>frame sell</h1> file latihan 5-1.html digunakan dalam frame sell ini </body> </html> <html> <head> <title>frame dengan borders</title> </head> <frameset rows="40%,60%"> <frameset cols="*,*"> <noframes> <body> browser anda tidak mendukung frame,silahkan lihat: <a href="latihan5-1.html"> noframes version</a> </body> </noframes> </html>

11 <html> <head> <title>contoh baris frame</title> </head> <frameset rows="55%,45%"> <frameset cols="*,*,*"> <frameset cols="*,*"> <noframes> <body> browser anda tidak mendukung frame,silahkan lihat: <a href="latihan5-1.html"> noframes version</a> </body> </noframes> </html>

12 <html> <head> <title>contoh kolom frame</title> </head> <frameset cols="55%,45%"> <frameset rows="*,*,*"> <frameset rows="*,*"> <noframes> <body> browser anda tidak mendukung frame,silahkan lihat: <a href="latihan5-1.html"> noframes version</a> </body> </noframes> </html>

13

Form identik dengan formulir

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

Lebih terperinci

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

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

Lebih terperinci

Pengenalan Perancangan Web 2017

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

Lebih terperinci

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

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

Lebih terperinci

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

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 terperinci

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

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.

Lebih terperinci

KURSUS ONLINE JASA WEBMASTERS

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

Lebih terperinci

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud

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

Lebih terperinci

PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML

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.

Lebih terperinci

P - 6 Bab 4 : HTML (Hypertext Markup Language)

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

Lebih terperinci

MODUL TIK - HTML II KELAS XI SEMESTER I

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

Lebih terperinci

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

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

Lebih terperinci

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

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

Lebih terperinci

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web

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

Lebih terperinci

10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting

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

Lebih terperinci

HTML FORM. Praktikum III

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

Lebih terperinci

RIO ANDRIYAT KRISDIAWAN, M.KOM

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,

Lebih terperinci

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa

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

Lebih terperinci

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

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

Lebih terperinci

MODUL 3 INTERNET PROGRAMMING : PHP 3

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

Lebih terperinci

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 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 terperinci

Membuat Pengisihan Borang (Form) dengan Pemrograman WEB

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

Lebih terperinci

Ikbal jamaludin

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

Lebih terperinci

IV. Form. A. Pengenalan Form. B. HTML Input Element

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.

Lebih terperinci

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML

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

Lebih terperinci

MODUL IX FORM. 9.1 Pendahuluan

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

Lebih terperinci

PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON

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

Lebih terperinci

MENAMPILKAN FRAME FRAME

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:

Lebih terperinci

Pemrosesan form HTML

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

Lebih terperinci

BAB III FORMULIR. <input type='text' name='...' size='40' maxlength='..'>

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.

Lebih terperinci

Muhammad Zen Samsono Hadi, ST. MSc.

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

Lebih terperinci

MODUL 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) 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 terperinci

PEMROGRAMAN WEB. 1 P a g e

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

Lebih terperinci

BAB-12 MEMBUAT FORM HTML

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

Lebih terperinci

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

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)

Lebih terperinci

FORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

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

Lebih terperinci

HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom

HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom HTML (HYPERTEXT MARKUP LANGUAGE) Oleh : Asep Erlan Maulana, S.Kom 1 DAFTAR ISI BAB I : PENGENALAN HTML... 1 A. Pengertian HTML... 1 B. Sejarah HTML... 3 C. Penggunaan HTML... 3 D. Strukture Documen HTML...4

Lebih terperinci

MODUL PEMROGRAMAN WEB

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...

Lebih terperinci

1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML

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

Lebih terperinci

Desain Web. MODUL 2 Desain Form

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

Lebih terperinci

Aplikasi Form Menggunakan HTML

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:

Lebih terperinci

MODUL 1 PENGENALAN HTML

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

Lebih terperinci

MODUL 8 WEB PROGRAMMING : PHP 3

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

Lebih terperinci

Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS

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

Lebih terperinci

MEMBUAT FORM Dan FRAME 1. Form Form Form

MEMBUAT 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 terperinci

FORMULIR PADA HALAMAN WEB

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

Lebih terperinci

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

STMIK 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 terperinci

WEB DINAMIS 1 PENANGANAN FORM. Agustina Purwatiningsih., S.Kom

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

Lebih terperinci

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

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

Lebih terperinci

BAB VIII PEMROSESAN FORM

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.

Lebih terperinci

Tabel dan Form HTML. Kuliah #2. Dept. Ilmu Komputer IPB 2016

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

Lebih terperinci

Pemrograman Basis Data Berbasis Web

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

Lebih terperinci

X/HTML5 Form. Auriza Akbar 25 Mei 2012

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

Lebih terperinci

</select></font></p> </form> </body>... Hasil:

</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 terperinci

Muhamad Alif,S.Kom Teknik Informatika UTM

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:

Lebih terperinci

FORMAT 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. 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

Untuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form.

Untuk 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 terperinci

Pertemuan IV. Semester 1

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

Lebih terperinci

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

HTML 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 terperinci

1. #**# 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 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. &nbsp e. &nsp jawaban :

Lebih terperinci

Pengenalan Perancangan Web 2016

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 terperinci

1. Praktikan mampu mendeskripsikan cara pengiriman data ke server melalui form. 3. Praktikan mengetahui Control Text dan penggunaannya pada form

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

Lebih terperinci

BAB 8 FORM HANDLING DAN VALIDASI

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

Lebih terperinci

HTML: Frame, Form #JOBSHEET 2 I. TUJUAN DASAR TEORI

HTML: 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 terperinci

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

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

Lebih terperinci

Pengantar E-Business dan E-Commerce

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

Lebih terperinci

Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak.

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

Lebih terperinci

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form

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

Lebih terperinci

Pertemuan 4 Penanganan Form

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

Lebih terperinci

Pemrograman Web DASAR HTML 2

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

Lebih terperinci

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

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.

Lebih terperinci

MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)

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

Lebih terperinci

Pemrograman Basis Data Berbasis Web

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

Lebih terperinci

Penanganan Form 16/10/2014

Penanganan 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 terperinci

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

Syntax 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 terperinci

Soal Remedial Prakarya-1

Soal 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 terperinci

Form dan Variabel Oya Suryana

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),

Lebih terperinci

P - 11 Bab 8 : PHP & HTML (Manipulasi Form)

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

Lebih terperinci

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

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

Lebih terperinci

SMH2D3 Web Programming. 3 BAB III TABLE & FORM INPUT DATA HTML5. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

SMH2D3 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 terperinci

P - 6 Bab 4 : HTML (Hypertext Markup Language)

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

Lebih terperinci

MS Wulandari - HTML 1

MS Wulandari - HTML 1 MS Wulandari - HTML 1 PERTEMUAN VII FRAME A. MEMBUAT DAN MENGGUNAKAN FRAME Frame digunakan untuk : Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain untuk menampilkan isi Membuat

Lebih terperinci

BAB 1 PENGENALAN HTML

BAB 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 terperinci

Form Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5

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

Lebih terperinci

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

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

Lebih terperinci

Sintak penulisan form adalah: <form method= post atau get action= program_pemroses > elemen-elemen FORM </form>

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:

Lebih terperinci

HTML 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. 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 terperinci

BAB 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: 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 terperinci

Pemrograman Web. Page 188

Pemrograman 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 terperinci

1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.

1) 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 terperinci

Pemrograman Web PRAKTIKUM 1 PENGANTAR

Pemrograman 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 terperinci

HTML.

HTML. HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang

Lebih terperinci

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button

4. 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 terperinci

Menciptakan Form dalam Web

Menciptakan 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 terperinci

Gambar 11.1 Contoh Frame

Gambar 11.1 Contoh Frame MODUL XI FRAME Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi dalam beberapa bagian, dan dan masing-masing bagian terdiri dari dokumen HTML tersendiri. Biasanya frame digunakan

Lebih terperinci

Pemrograman 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 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 terperinci

disebut browser) seperti : Internet Explorer (bawaan windows), Mozilla Firefox, Google

disebut browser) seperti : Internet Explorer (bawaan windows), Mozilla Firefox, Google 1. Perkenalan dengan HTML HTML adalah bahasa pemrograman dasar yang digunakan untuk membangun sebuah situs. HTML sangat mudah digunakan dan diaplikasikan, oleh karena itu apabila kalian ingin belajar membangun

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola 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 terperinci

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT. Desain Web HTML Layout Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Layout 1. Tabel 2. Frame TABLE Digunakan untuk membuat tabel (kolom dan baris) Diperbolehkan membuat tabel di dalam tabel (nested

Lebih terperinci

Melewatkan Nilai ke Web Server melalui Field tersembunyi

Melewatkan 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 terperinci