Materi Pemrograman Web Tanggal 12 Maret 2011

FORM
Kegunaan Form :
• Memperoleh data-data user baik nama, 
  alamat dan data lainnya untuk mendaftar
  pada service yang disediakan
• Memperoleh informasi pembelian secara
  form
• Memperoleh feedback dari user mengenai
  website

Elemen Input : Text Field
z Digunakan untuk memasukan huruf, angka, karakter, dll ke dalam sebuah
form.

Elemen Input : Password
z Digunakan untuk menyembunyikan karakter masukan.

Elemen Input : Radio Button
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data.

Elemen Input : Checkbox
z Digunakan untuk melakukan satu atau lebih dari banyak pemilihan data.

Elemen Input : Combo box
z Digunakan untuk melakukan satu pemilihan diantara 2 atau lebih data
menggunakan drop‐down.

Elemen Input : Listbox
z Digunakan untuk melakukan satu atau lebih pemilihan diantara 2 atau
lebih data menggunakan listbox.

Elemen Text Area
z Sebuah area yang dapat menampung teks yang tidak terbatas ukurannya.

Elemen Input : File
z Digunakan untuk memilih atau membuka file.

TABLE

Menampilkan data dalam bentuk tabel
Tabel didefinisikan dengan cara menyatakan baris-baris dan kolom-kolom.
Table dibuat dengan table tag (<tag>). Table terbuat dari baris (<tr>) dan kolom (<td>). Tr artinya table row dan td artinya table data.

• Untuk mulai membuat table anda perlu table tag pembuka yaitu <table> dan untuk mengakhiri anda tutup dengan table tag penutup yaitu </table>.
• Untuk memulai membuat baris table horizontal anda perlu tag pembuka <tr> dan setelah memasukkan beberapa kolom anda perlu menutupnya kembali dengan tag penutup </tr>.
• Untuk memulai membuat kolom table, seperti biasa anda juga memerlukan tag pembuka <td> dan setelah memasukkan data- data anda perlu menutupnya kembali dengan tag penutup </td>.
• Jika hendak membuat kolom baru lagi dalam satu baris, anda tinggal ulang langkah cara membuat kolom yang sudah dijelaskan diatas sebelum menutupnya dengan tag penutup baris yaitu </tr>.
  
  Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.
  
  Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur “value”nya berapa kotak yang akan di span. Berikut saya kasih contohnya:
  
  <table border="1">
  <tr>
  <td colspan="5">Gabungan Kotak 1-5</td>
  </tr>
  <tr>
  <td>Kotak 1</td>
  <td>Kotak 2</td>
  <td>Kotak 3</td>
  <td>Kotak 4</td>
  <td>Kotak 5</td>
  </tr>
  </table>

Rowspan tugasnya untuk menyatukan kotak- kotak row kebawah sehingga menjadi satu unit yang panjang. Contohnya seperti ini:

<table border="1">
<tr>
<td rowspan="5">Kotak 1-5</td>
<td>Kotak 1</td>
</tr>
<tr>
<td>Kotak 2</td>
</tr>
<tr>
<td>Kotak 3</td>
</tr>
<tr>
<td>Kotak 4</td>
</tr>
<tr>
<td>Kotak 5</td>
</tr>
</table>