Perancangan Web Pertemuan IV

Slides:



Advertisements
Presentasi serupa
FORM HANDLING
Advertisements

Image – Hyperlink – Form
Hyper Text Markup Language
Membuat form HTML+PHP Dwi Cahyono.
BEKERJA DENGAN FORM Lisda Juliana P.,Ssi..
Kholid Fathoni, S.Kom., M.T. Politeknik Elektronika Negeri Surabaya 2012 PENS - ITS 1 Fungsi, Modularisasi dan PHP Form.
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.
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.
PEMROGRAMAN BERBASIS WEB
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Form dan Input HTML.
3. Pendalaman HTML Penggunaan format table di HTML
Dasar Tag HTML Form Awal formulir ditandai dengan Tag , dan berisi dua kata kunci: METHOD dan ACTION.
Java Server Pages D4 LJ-PJJ Dasar Pemrograman Web Eru©Juli-2009 PENS – ITS.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
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)
Kelas SI.  Review Kontrol yang Umum  Pemilihan dan Perulangan  Sub, Function dan Modul  OOP dalam Visual Basic 2008  NameSpace  Array  Menu dan.
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.
Fakultas Teknologi Informasi Universitas Budi Luhur
Perancangan dan Pemrograman Web (PPW) Pertemuan 14 Review.
FORM.
Muhammad Yusuf Teknik Informatika – Universitas Trunojoyo /FB :
Pemrograman Basis Data Berbasis Web
Cascading Style Sheet (CSS) dan HTML Form
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.
Mengenal dan teknik pembuatan form
Komputer aplikasi it-I (html)
FORM HTML Oleh : Fajar Y. Zebua.
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.
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Komputer aplikasi it-I (html)
FORM.
PHP : Hypertext Processor
Passing Variable Dalam PHP
Achmad Solichin Fakultas Teknologi Informasi
JavaScript.
PJ : Nuraini Purwandari
Hyperlink & Form Pertemuan 11
Pengembangan Aplikasi Framework
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
Pengantar Common Gateway Interface (CGI) dan Perl
KOMPUTER APLIKASI IT I FORM.
Pemrograman Berorientasi Platform (IN315B)
FORM HTML.
Form.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS) dan HTML Form
Transcript presentasi:

Perancangan Web Pertemuan IV Tim FT Elektro UHAMKA esaitb@yahoo.com

HTML Form

HTML Form Elemen HTML yang digunakan untuk menerima bermacam-macam masukan (input) dari pengguna web. Contoh :

Form Tag Sebuah tag yang membungkus elemen-elemen input di dalamnya dan berfungsi mengirim data input ke server.

Elemen Input Form Macam‐macam komponen input : Textfield Password Checkbox Radiobutton

Elemen Input Form Macam‐macam komponen input (lanjutan) : Listbox Combobox Text Area File

Elemen Input Text Field Digunakan untuk memasukan huruf, angka, karakter, dll ke dalam sebuah form. Tag : <input type="text" />

Elemen Input Password Digunakan untuk menyembunyikan karakter masukan. Tag : <input type=“password" />

Elemen Input Checkbox Digunakan untuk melakukan satu atau lebih dari banyak pemilihan data. Tag : <input type=“checkbox" />

Elemen Input Radio Button Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data. Tag : <input type=“radio" />

Elemen Input Listbox Digunakan untuk melakukan satu atau lebih pemilihan diantara 2 atau lebih data menggunakan listbox. Tag : <select size=“List_Rows"><option></option></select>

Elemen Input Combo box Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data menggunakan drop-down. Tag : <select><option></option></select>

Elemen Input Text Area Sebuah area yang dapat menampung teks yang tidak terbatas ukurannya. Tag : <textarea cols=“x" rows=“y"></textarea>

Elemen Input File Digunakan untuk memilih atau membuka file. Tag : <input type="file">

Atribut Form Atribut Form : Action : Lokasi script yang memproses data dari form. Enctype : Mendefinisikan cara encoding data sebelum dikirimkan. Biasanya digunakan jika ingin meng-upload file. Method : Metode pengiriman data. GET : Data dikirimkan bersama URL. POST : Data dikirimkan terpisah dari URL.

Elemen Tombol : Submit Tombol yang berfungsi secara otomatis mengirim data yang di-input-kan di dalam form ke halaman ‘action’. Tag : <input type="submit“>

Elemen Tombol : Reset Tombol yang berfungsi mengembalikan “value” dari semua elemen di form ke “value” semula saat halaman dibuka. Tag : <input type=“reset“>

Tugas

Halaman depan Login_Form.html

Halaman mahasiswa mahasiswa.html