FORM.

Slides:



Advertisements
Presentasi serupa
FORM HANDLING
Advertisements

Image – Hyperlink – Form
PHP + MySQL.
Membuat form HTML+PHP Dwi Cahyono.
HTML PEMROGRAMAN INTERNET. Form & Input HTML Form adalah area yang bisa ditempati oleh elemen form. Elemen form adalah elemen yg mengijinkan user memasukkan.
Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN
Pemrograman Internet 1 STMIK PPKIA Pradnya Paramita.
Konsep Pemrograman Web
Materi 11 Membuat Form Hai. Saya akan menunjukkan bagaimana membuat web page yang bersifat interaktif dengan penggunaan tag. Dengan tag ini anda dapat.
FORM PADA WEB WEB 1 KELAS X.
PEMROGRAMAN BERBASIS WEB
Form dan Input HTML.
3. Pendalaman HTML Penggunaan format table di HTML
Java Server Pages D4 LJ-PJJ Dasar Pemrograman Web Eru©Juli-2009 PENS – ITS.
HTML – 4 FORM. FORM adalah elemen HTML yang digunakan untuk mengizinkan pengguna web mengirimkan data ke Web Server. Dengan kata lain form berperan sebagai.
Internet Programming FORM DAN UP LOAD FILE M. Agus Zainuddin PENS – ITS Surabaya.
HTML (Table, Form, Frame, Hyperlink)
METOD POST (FILE PENGIRIM)
FORM dan FRAME.
Pemrograman Web 1 Mohamad Syafri Tuloli.
Menggunakan Formulir A’ud Solehuddin::Jan2012. Materi Dasar Penggunaan Formulir Memasukkan Data dengan INPUT Tipe TEXT Tombol SUBMIT dan RESET Perbedaan.
Perancangan Web Pertemuan IV
Fakultas Teknologi Informasi Universitas Budi Luhur
FORM.
Pemrograman Basis Data Berbasis Web
FORM.
Penanganan Form Achmad Solichin Fakultas Teknologi Informasi
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
F ORM Bayu Priyambadha, S.Kom. F ORM Form is the interface (user interface) for users to communicate with the application system. Each posted data from.
Oleh: Fiftin Noviyanto, S.T., M.Cs.
Mengenal dan teknik pembuatan form
Komputer aplikasi it-I (html)
FORM HTML Oleh : Fajar Y. Zebua.
Pertemuan Ke-3 (HTML Lanjut [1])
Form Yudhi arta.
Lutfi Budi Ilmawan Univ. Muslim Indonesia
RONA SALWA IHDINA PTI UM
PERTEMUAN 2 HTML (Lanjutan).
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
PHP Array & Form.
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Pokok Bahasan 3 Bahasa HTML L. Erawan.
Mengenal Java Script.
Komputer aplikasi it-I (html)
Elemen Dasar PHP, Mengolah Data Form dengan Methode Get dan Post
PHP : Hypertext Processor
OBJEK JAVASCRIPT Pertemuan 6.
Achmad Solichin Fakultas Teknologi Informasi
Lec 1: Pengantar Web Basic HTML
JavaScript.
PJ : Nuraini Purwandari
MERANCANG FORM Materi Kuliah ke-5.
Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Pemrograman Basis Data Berbasis Web
Hyperlink & Form Pertemuan 11
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag dan ditutup dengan tag
Hyperlink and Form Session 10 & 11
PEMROGRAMAN WEB DEWI SULISTIYARINI, S.KOM
Pemrograman Web HTML (5) Form CSS Andy Haryoko, ST
KOMPUTER APLIKASI IT I FORM.
Pemrograman Berorientasi Platform (IN315B)
FORM HTML.
Form.
Web Design HTML TIM MATRIKULASI TI-S1 UDINUS TAHUN 2018.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
FORM-WEB.
PENANGANAN FORM, PENYIMPANAN DAN PENGAMBILAN NILAI VARIABEL
Transcript presentasi:

FORM

Contoh Form <form id=“InputMhs” method=“post” action=“SaveInputMhs.php”> <table> <tr> <td>Nim</td> <td>: <input type=“text” name=“nim” id=“nim” value=“” /></td> </tr> <td>Nama</td> <td>: <input type=“text” name=“nama” id=“nama” value=“” /></td> </table> <input type="submit" value="simpan" /> <input type=“reset" value=“batal" /> </form>

Hasil eksekusi contoh form

Dasar-dasar FORM Alat untuk memasukkan informasi kedalam halaman web Digunakan untuk memperoleh data dari pengguna internet misal : guest book, message board, polling Memerlukan script pengolah data form misal : PHP, ASP, Perl Tag : <form>elemen-elemen input</form>

Mekanisme FORM request form result HTML Server web server Client/browser Call PHP Return kode aplikasi PHP Query data Return data database mysql result HTML

Elemen Input Form Untuk membuat area input form menggunakan elemen-elemen input dengan Tag <input /> Jenis-jenis elemen input form : Text Password Hidden File Radio Checkbox Select Textarea Jenis elemen input ditentukan dengan atribut “type” dari tag <input /> Setiap elemen input harus diberi nama menggunakan atribut “name” dari tag <input /> Nama elemen input digunakan oleh script pengolah data untuk merujuk data didalamnya

Method dan Action Form Data dalam form akan dikirim ke file script pengolah data Metode pengiriman dapat berupa POST atau GET Dengan POST data yang dikirim tidak akan tampak (lebih aman/secure) Dengan GET data akan tampak pada URL Penentuan metode yang dipakai menggunakan atribut “method”

Method dan Action Form Atribut “action” menentukan file yang digunakan untuk mengolah data dari form File tersebut berupa script CGI (Common Gateway Interface) CGI adalah metode komunikasi antara web server dengan aplikasi yang diinstall di server Bahasa yang digunakan untuk menerapkan CGI misalnya PHP, ASP, Perl, Phyton, dll Script CGI menangani data dari form menggunakan nama data tersebut (dideklarasikan dengan atribut “name” elemen input)

Tombol Submit dan Reset Untuk mengirimkan data ke file CGI memerlukan tombol submit Ketika tombol submit diklik maka data dalam form akan segera dikirim ke file CGI Pembuatan tombol submit menggunakan tag <input /> dengan tipe “submit” contoh : <input type=“submit” value=“simpan”> Atribut value menentukan teks diatas tombol Tombol reset berfungsi untuk mengosongkan kembali elemen –elemen input dari form

Kode HTML berbagai jenis elemen input Text <input type=“text” name=“” id=“” value=“” size=“” maxlength=“”> Password <input type=“password” name=“” id=“” value=“” size=“” maxlength=“”> Hidden <input type=“hidden” name=“” id=“” value=“”> Radio <input type=“radio” name=“” id=“” value=“”>Judul_pilihan Checkbox <input type=“checkbox” name=“” id=“” value=“basket”>Judul_pilihan Textarea <textarea name=“” id=“” cols=“” rows=“”></textarea>

Kode HTML berbagai jenis elemen input Select <select name=“” id=“”> <option value=“data_pilihan_1”>Pilihan_1 <option value=“data_pilihan_2”>Pilihan_2 <option value=“data_pilihan_n”>Pilihan_n </select>

Tampilan jenis-jenis elemen input text password radio checkbox select textarea submit reset

Elemen Input Tipe “text” <tr><td>Nim</td> <td> : <input type=“text” name=“nim” id=“nim” value=“” size=“20” maxlength=“20”> </td> </tr>

Elemen Input Tipe “password” <tr><td>Password</td> <td> : <input type=“password” name=“passw” id=“passw” value=“” size=“15” maxlength=“15”> </td> </tr>

Elemen Input Tipe “radio” <tr><td>Jenis kelamin</td> <td> : <input type=“radio” name=“sex” id=“sex” value=“laki-laki”>Laki-laki <input type=“radio” name=“sex” id=“sex” value=“perempuan”>Perempuan </td> </tr> Nama setiap elemen input tipe radio harus sama

Elemen Input Tipe “checkbox” <tr><td>UKM Pilihan</td> <td> : <input type=“checkbox” name=“ukm[0]” id=“ukm[0]” value=“basket”>Basket <input type=“checkbox” name=“ukm[1]” id=“ukm[1]” value=“musik”>Musik </td> </tr> Nama setiap elemen input tipe checkbox harus berbeda

Elemen Input Tipe “select” <tr><td>Kota asal</td> <td> : <select name=“kota” id=“kota”> <option value=“semarang”>Semarang <option value=“yogyakarta”>Yogyakarta <option value=“bandung”>Bandung <option value=“jakarta”>Jakarta <option value=“surabaya”>Surabaya </select> </td> </tr>

Elemen Input Tipe “textarea” <tr><td>Keterangan</td> <td> : <textarea name=“ket” id=“ket” cols=“50” rows=“6”></textarea> </td> </tr> Mengatur lebar (cols) dan tinggi (rows) elemen textarea dengan satuan karakter

Elemen Input Tipe “submit” & “reset” <input type=“submit” value=“simpan”> <input type=“reset” value=“batal”>

Buatlah form input mahasiswa dengan field : Latihan Form Buatlah form input mahasiswa dengan field : Kolom Tipe Panjang keterangan nim char 15 Nama Char 30 jkel Hoby 20 progdi ket text

Lanjutan latihan form Silahkan isi : Tanggal Nama : Email : Website : Isi pesan Silahkan isi : Nama Email Website pesan simpan

END of FORM