HTML FORM

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Quiz 1

1. Apa kepanjangan dari HTML

2. Organisasi apa yang menentukan standar Web(WWW)

3. Tag heading apa yang ukuran tulisannya paling besar

4. Tag HTML untuk pindah baris

5. Tag HTML untuk membuat tulisan BOLD

6. Buat Hyperlink menggunakan tag HTML

7. Tuliskan tag‐tag untuk membuat tabel

8. Tag HTML untuk membuat Ordered List

9. Tuliskan tag HTML untuk menampilkan gambar

10. Tag HTML untuk membuat tulisan bergerak

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Jawaban Quiz

1. Hypertext Markup Languange

2. Word Wide Web Consortium

3. <h1></h1>

4. <br />

5. <b> </b>

6. <a href=‘http://google.com’>Google</a>

7. <table></table> <tr></tr> <th></th> <td></td>

8. <ol> <li></li> </ol>

9. <img src=“” />

10. <marque></marque>

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

HTML Form

Elemen HTML yang digunakan untuk menerima bermacam‐macammasukan (input) dari pengguna web.

Contoh : 

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Form Tag

Sebuah tag yang membungkus elemen‐elemen input di

dalamnya dan berfungsi mengirim data input ke server.

<form>.elemen input.

</form>

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input Form

Macam�macam komponen input :Textfield

Password

Checkbox

Radio button

Listbox

Combobox

Text Area

File

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Text Field

Digunakan untuk memasukan huruf, angka, karakter, dll ke dalam sebuahform.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Password

Digunakan untuk menyembunyikan karakter masukan.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Radio Button

Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Checkbox

Digunakan untuk melakukan satu atau lebih dari banyak pemilihan data.

Contoh tag : Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Combo box

Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data menggunakan drop‐down.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : Listbox

Digunakan untuk melakukan satu atau lebih pemilihan diantara 2 ataulebih data menggunakan listbox.

Contoh hasil :

Contoh tag :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Text Area

Sebuah area yang dapat menampung teks yang tidak terbatas ukurannya.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Input : File

Digunakan untuk memilih atau membuka file.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Atribut Form

Atribut Form :Action : Lokasi script yang memproses data dari form.

Enctype : Mendefinsikan 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.

<form action="proses.php" method="post">...

</form>

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Tombol : Submit

Tombol yang berfungsi secara otomatis mengirim data yang di‐input‐kandi dalam form ke halaman ‘action’.

Contoh tag :

Contoh hasil :

Tim Dosen Pemrograman Web 1 2009‐2010.       Teknik Informatika UNPAS

Elemen Tombol : Reset

Tombol yang berfungsi mengembalikan “value” dari semua elemen di form ke “value” semula saat halaman dibuka.

Contoh tag :

Contoh hasil :

TERIMA KASIH

Pertemuan berikutnya membahas Tag CSS (Cascading Style Sheet)