FORM HTML Oleh : Fajar Y. Zebua.

Slides:



Advertisements
Presentasi serupa
Image – Hyperlink – Form
Advertisements

Hyper Text Markup Language
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.
Ivan Maurits.  Menaruh konten dalam multi kolom (seperti format majalah dan surat kabar)  Menggunakan atau  Tabel didesain untuk menambilkan tabular.
Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN
Pemrograman Internet 1 STMIK PPKIA Pradnya Paramita.
Materi 11 Membuat Form Hai. Saya akan menunjukkan bagaimana membuat web page yang bersifat interaktif dengan penggunaan tag. Dengan tag ini anda dapat.
HTML Lanjut & CSS By : Muhammad Zen S. Hadi Digital Communication Laboratory EEPIS-ITS.
FORM PADA WEB WEB 1 KELAS X.
Form dan Input HTML.
3. Pendalaman HTML Penggunaan format table di HTML
Fungsi, Modularisasi dan PHP Form
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)
FORM dan FRAME.
ADD-ON Dasar HTML.
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.
FORM Kegunaan Form : memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan. memperoleh informasi pembelian.
Perancangan Web Pertemuan IV
Fakultas Teknologi Informasi Universitas Budi Luhur
FORM.
Muhammad Yusuf Teknik Informatika – Universitas Trunojoyo /FB :
Pemrograman Basis Data Berbasis Web
Cascading Style Sheet (CSS) dan HTML Form
FORM.
Formatting Frame.
(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.
Modul 8 STMIK IKMI CIREBON Oleh Dita rizki amalia.
Mengenal dan teknik pembuatan form
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
Komputer aplikasi it-I (html)
Presentasi proyek 4 formulir survei web/html siswa
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.
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
PENGANTAR HTML NEXT.
Komputer aplikasi it-I (html)
FORM.
HTML HYPERTEXT MARKUP LANGUAGE
PHP : Hypertext Processor
OBJEK JAVASCRIPT Pertemuan 6.
Achmad Solichin Fakultas Teknologi Informasi
PJ : Nuraini Purwandari
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)
FRAME Pada HTML STMIK – AMIK Jayanusa. A. Frameset dan Frame Frameset adalah sebuah tag untuk pendefenisan pembuatan frame ( ) Frame adalah teknik yang.
FORM HTML.
Form.
Web Design HTML TIM MATRIKULASI TI-S1 UDINUS TAHUN 2018.
Presentasi proyek 4 formulir survei web/html siswa
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Transcript presentasi:

FORM HTML Oleh : Fajar Y. Zebua

Objektif Mahasiswa dapat memahami penggunaan element-element untuk pembuatan form dan frame Mahasiswa mampu membuat form dan frame sederhana dengan HTML Fajar Y. Zebua

Fajar Y. Zebua

Element Form Berfungsi untuk mendefinisikan form interaktif. Mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST) Fajar Y. Zebua

Element Form Sintaks : <form action="action" method="GET"|"POST">    ........................... </form> Fajar Y. Zebua

Element Input Berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Mempunyai attribute yaitu name, size, type, value, checked. Fajar Y. Zebua

Element Input Sintaks: <input           name="name"           size="number"           type="text"|"checkbox"|"radio"|"submit"|"reset"           value="value"           checked > Fajar Y. Zebua

Element Input Name mendefinisikan nama dari input kontrol form, Size mendefinisikan ukuran teks pada input kontrol, Type mendefinisikan bentuk-bentuk input kontrol, Fajar Y. Zebua

Element Input Value mendefinisikan nilai awal/reset/submit, Checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM Fajar Y. Zebua

Type Berguna untuk menentukan jenis dari inputan data yang akan digunakan pada dokumen HTML Type terdiri dari : Text, Checkbox, Radio, Password, Submit, Reset Fajar Y. Zebua

Type = Text Menghasilkan tampilan input data berupa kotak yang dapat menampung hanya sebaris tulisan. Jenis ini biasanya digunakan untuk memasukkan nama atau kata kunci. Contoh : <input type="text" name=“mi" /> Fajar Y. Zebua

Type = Checkbox Menghasilkan tampilan berupa pilihan yang dapat dipilih lebih dari satu, Tampilannya berupa kotak yang dapat diberi tanda centang/contreng. Biasa digunakan untuk memasukkan data pilihan yang pilihannya bisa lebih dari satu, seperti hobby, makanan, dan lain-lain. Fajar Y. Zebua

Type = Checkbox Contoh : Fajar Y. Zebua

Type = Radio Digunakan untuk data berupa pilihan berganda, yang hanya dapat dipilih salah satu saja. Jenis ini biasa digunakan untuk memasukkan data seperti jenis kelamin, status pernikahan, dan lain-lain. Fajar Y. Zebua

Type = Radio Contoh : Fajar Y. Zebua

Type = Password Menampung sebaris tulisan, dimana semua tulisan yang diketikkan pada kolom tersebut tidak akan ditampilkan tetapi diganti menjadi tanda ● atau * Jenis ini ditujukan untuk penulisan data berupa password Contoh : <INPUT TYPE=PASSWORD NAME=“paswd"> Fajar Y. Zebua

Type = Submit Menampilkan berupa tombol yang berfungsi untuk mengirim data dari masukkan yang sudah ditulis oleh pengguna Ditampilkan pada akhir formulir ketika pengguna telah selesai memasukkan data Fajar Y. Zebua

Type = Submit Contoh : <FORM ACTION="tampil.html" METHOD=POST> Masukkan nama anda : <INPUT TYPE=TEXT NAME="nama"> <INPUT TYPE=SUBMIT> </FORM> Fajar Y. Zebua

Type = Reset Digunakan untuk mengosongkan kembali data yang telah dituliskan pengguna Contoh : <FORM ACTION="tampil.php" METHOD=POST> Masukkan nama anda : <INPUT TYPE=TEXT NAME="nama"> <INPUT TYPE=SUBMIT> <INPUT TYPE=RESET> </FORM> Fajar Y. Zebua

Multiple Atribut yang digunakan untuk menampilkan lebih dari satu pilihan pada tampilan daftar pilihan. Penggunaan atribut MULTIPLE selalu diikuti dengan penggunaan atribut size, yang berguna untuk menentukan berapa banyak pilihan yang dapat ditampilkan secara sekaligus Fajar Y. Zebua

Multiple Contoh : Fajar Y. Zebua

Size Atribut dari tag SELECT yang digunakan untuk menampilkan jumlah pilihan pada daftar pilihan lebih dari satu. Tanpa penggunaan atribut ini, maka secara otomatis pilihan yang ditampilkan pada daftar pilihan hanya satu. Fajar Y. Zebua

Size Contoh : Fajar Y. Zebua

TextArea Berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris.  Mempunyai attribute yaitu name, cols, rows name  nama input kontrol form, attribute cols  jumlah kolom textarea yang terlihat, dan attribute rows  jumlah baris textarea yang terlihat Fajar Y. Zebua

TextArea Sintaks : <textarea name="textarea" cols="30" rows="5" > </textarea> Fajar Y. Zebua

Frame Digunakan untuk membuat sebuah bingkai tunggal yang terdapat didalam tag FRAMESET. Cara kerja FRAME hampir sama dengan cara kerja tag TD Penggunaan tag FRAME selalu berada didalam tag FRAMESET yang akan menentukan berapa banyak FRAME yang terdapat dalam suatu FRAMESET Fajar Y. Zebua

Frame Contoh Fajar Y. Zebua

Frame Tag tersebut akan menghasilkan sebuah dokumen HTML yang terdiri dari empat buah FRAME, dua kolom dan dua baris. Banyaknya kolom dan baris beserta lebar masing-masing diatur oleh tag FRAMESET. Sedangkan tag FRAME berguna untuk mengambil sumber dari setiap FRAME yang akan ditampilkan. Fajar Y. Zebua

Frame 1 2 3 4 Fajar Y. Zebua

Frame FRAME A FRAME B FRAME C FRAME D Fajar Y. Zebua

Frame Fajar Y. Zebua

Frame Scrolling Berguna untuk menentukan apakah FRAME yang akan ditampilkan memiliki SCROLL atau tidak. Terdapat tiga pilihan dari atribut ini, yaitu : YES, NO, AUTO. Fajar Y. Zebua

Latihan 2 Bagaimana membuat ini? Fajar Y. Zebua

Latihan 1 Bagaimana membuat ini? Fajar Y. Zebua

Latihan 3 Bagaimana membuat ini? Fajar Y. Zebua

Latihan 4 Bagaimana membuat ini? Fajar Y. Zebua

Latihan 5 Bagaimana membuat ini? Fajar Y. Zebua

QUIZ Fajar Y. Zebua