MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag <FORM> dan ditutup dengan tag </FORM>

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

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.
FORM STD minggu 4. Penangan Form Form Input Type TEXT dan PASSWORD Form Input Type RADIO Form Input Type CHECKBOX Form Input Type COMBO BOX Form Input.
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.
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.
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.
Muhammad Yusuf Teknik Informatika – Universitas Trunojoyo /FB :
Pemrograman Basis Data Berbasis Web
FORM.
(HTML). Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page.
Penanganan Form Achmad Solichin Fakultas Teknologi Informasi
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
Oleh: Fiftin Noviyanto, S.T., M.Cs.
Mengenal dan teknik pembuatan form
HTML Form dan Manipulasinya
Komputer aplikasi it-I (html)
FORM HTML Oleh : Fajar Y. Zebua.
Pertemuan Ke-3 (HTML Lanjut [1])
Form Yudhi arta.
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
Perancangan & Pemrograman Web
Pokok Bahasan 3 Bahasa HTML L. Erawan.
Mengenal Java Script.
PENGANTAR HTML NEXT.
Pertemuan 5 Hani Irmayanti, M.Kom.
Komputer aplikasi it-I (html)
FORM.
Praktikum Pemrograman Web
Elemen Dasar PHP, Mengolah Data Form dengan Methode Get dan Post
PHP : Hypertext Processor
OBJEK JAVASCRIPT Pertemuan 6.
Achmad Solichin Fakultas Teknologi Informasi
Komputer Aplikasi IT 2 Variabel.
JavaScript.
MERANCANG FORM Materi Kuliah ke-5.
Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
STRUKTUR HTML <html> <head>
Pemrograman Basis Data Berbasis Web
Hyperlink & Form Pertemuan 11
Pemrograman Web HTML (4) Table Form Andy Haryoko, ST
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.
HTML FORMS & INPUT Khafiizh Hastuti.
Pemrograman Berorientasi Platform (IN315B)
Komputer Aplikasi IT 2 Variabel.
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.
Transcript presentasi:

MENGGUNAKAN FORM Jika menginginkan sebuah website interaktif ,maka digunakan FORM. Sebuah form menggunakan : tag <FORM> dan ditutup dengan tag </FORM>

Contoh : <form method=”post” action=”mailto: fairy@yahoo.com”> <input type=”text” name=”nama” size=”30”> </form>

Perhatikan contoh pembuatan form diatas : Form berfungsi untuk menjelaskan kepada komputer bahwa sedang membuat form Method berfungsi untuk menentukan bagaimana informasi akan dikirim. Jika memilih “POST” artinya sebundel data langsung dikirim, sedangkan “GET” artinya data dikirim dengan menambahkan sesuatu pada alamat URL di bagian atas browser. Action, berfungsi untuk mengirim pada form di atas, jika contoh diatas menggunakan mailto:fairy@yahoo.com maka artinya data akan dikirim ke alamat email tersebut. Dapat juga diisi dengan alamat URL.

Pada baris terdapat <input type=”text” name=”nama” size=”30”> INPUT, berfungsi untuk meminta input kepada pengunjung situs TYPE berfungsi menjelaskan jenis input yang diminta. Artinya memilih jenis teks yang akan menampilkan satu baris kotak input NAME, berfungsi untuk memberikan nama kepada onput SIZE, berfungsi untuk menyatakan panjang kotak input

Jenis-jenis form dengan INPUT BUTTON CHECKBOX FILE HIDDEN IMAGE PASSWORD RADIO RESET SUBMIT

<html> <head> <title> form </title> </head> <body> <form method="post" action="mailto:fairy_er@yahoo.com"> Nama : <input type "text" name="nama" size="15"><br> email :<input type "text" name="email" size="25"><br> komentar anda:<br> <textarea name="komentar" rows="5" cols="45" wrap"soft"></textarea><br> jurusan anda? <br>

<input type="radio" name="jurusan_idaman" value="fik">fisika komputasi<br> <input type="radio" name="jurusan_idaman" value="mak">matematika komputasi<br> <input type="radio" name="jurusan_idaman" value="kik">kimia komputasi<br> <input type="radio" name="jurusan_idaman" value="biok">biologi komputasi<br> <input type="radio" name="jurusan_idaman" value="bik">bahasa inggris komputasi<br> <input type="radio" name="jurusan_idaman" value="abstain">tidak ada pilihan<br> ilmuwan TI favorit anda (boleh lebih dari satu)?<br>

<input type="checkbox" name="ilmuwan" value="vb"> vanner bush <input type="checkbox" name="ilmuwan" value="bg"> bill gates <input type="checkbox" name="ilmuwan" value="tn"> ted nelson <input type="checkbox" name="ilmuwan" value="ba"> bill atkinson <input type="checkbox" name="ilmuwan" value="rc"> robert cailau <input type="checkbox" name="ilmuwan" value="tbl"> Tim Banners Lee<br> Siapa yang menjadi icon TI di dunia?<br> <select name="ilmuwan TI " size="1"

<option> vannner bush<br> <option> bill gates <br> <option> ted nelson <br> <option> bill atkinson <br> <option> Tim Banners Lee <br> <option> tidak ada pilihan <br> </select> <input type="reset" name="batal" value="batal"> <input type="submit" name="name" value="kirim"> </form> </body> </html>