Tabel

         Tabel dan Form pada HTML 

1. Tabel 

Tabel banyak digunakan karena dapat menampilkan informasi dengan  bentuk yang ringkas dan mudah dibaca. Untuk membuat tabel digunkan tag  awal <TABLE> dan tag penutup </TABLE>. 

 Tag <TABLE> memiliki beberapa bagian penting, yaitu : 

a. <CAPTION>...</CAPTION> digunakan untuk membentuk judul table.  Judul table ini akan terletak diluar tabel, bisa dibagian atas atau dibagian  bawah. 

b. <TH>...</TH> digunakan untuk meletakkan judul tabel dibagian paling  atas atau paling kiri dari suatu tabel. Tabel header akan dicetak dalam huruf  tebal. 

c. <TR>...</TR> dipakai untuk membentuk baris pada suatu tabel.  d. <TD>...</TD> digunakan sebagai tempat menulis data atau informasi  dalam tabel.  

Atribut untuk tag <TABLE> adalah sebagai berikut :  

ALIGN :Posisi horizontal tabel 

BACKGROUND : Menentukan gambar latar belakang tabel  BGCOLOR : Menentukan warna latar belakang tabel  BORDER : Menentukan tebal bingkai tabel 

BORDERCOLOR : Menentukan warna bingkai tabel 

BORDERCOLORLIGHT : Menentukan warna depan bingkai tabel  BORDERCOLORDARK : Menentukan warna bayangan bingkai tabel  CELLSPACING : Menentukan jarak spasi antar sel 

CELLPADDING : Menentukan jarak isi sel dengan bingkai  HEIGHT : Menentukan tinggi tabel 

WIDTH : Menentukan lebar tabel 

VALIGN : Menentukan posisi vertikal teks dalam sel  Untuk memahami penggunaan atribut-atribut diatas,silakan Anda buka kembali  script pada Latihan 19.html kemuadian Anda tambahkan beberapa atribut. 

      2. Form 

               Form adalah sebuah daftar isian. Daftar isian ini untuk meminta informasi dari  user untuk kemudian diolah. Umumnya pengolahan form dilakukan pada server  dengan menggunakan skrip yang bersifat server-side seperti PHP, ASP dan  lain sebagainya. 

                     Untuk membuat sebuah form, tag-tag yang diperlukan adalah : 

a. Tag <FORM> 

b. Tag <TEXTAREA> 

c. Tag <SELECT> 

d. Tag <INPUT> 

1. Tag <FORM> 

Tag <FORM> merupakan tag yang digunakan untuk mendefinisikan sebuah  form. Tag ini mempunyai dua atribut, yaitu METHOD dan ACTION.  🙠 METHOD untuk menentukan metode pengolahan form. Atribut ini 

memiliki 2 nilai, yaitu GET dan POST. Metode GET mengirimkan data  pada server dengan cara meletakkan data pada bagian akhir URL (  Uniform Resource Locator) yang ditunjuk. Sedangkan metode POST  mengirimkan datanya secara terpisah. 

🙠 ACTION untuk menentukan URL atau direktori dari file yang digunakan  untuk mengolah form tersebut. 

2. Tag <TEXTAREA> 

Tag <TEXTAREA> digunakan untuk membuat sebuah kotak teks multi  baris. Tag ini mempunyai beberapa atribut, yaitu :

ATRIBUT	KETERANGAN
NAME	Mendefinisikan nama objek textarea
ROWS	Menentukan jumlah baris textarea
COLS	Menentukan lebar textarea

 

3. Tag <SELECT> 

Tag <SELECT> digunakan untuk membuat sebuah daftar pilihan. Tag ini  memiliki beberapa atribut, yaitu : 

ATRIBUT	KETERANGAN
NAME	Mendefinisikan nama dari objek select
SIZE	Menentukan berapa pilhan yang akan ditampilkan.  Jika atribut ini tidak disertakan atau diberi nilai 1,  pilihan akan ditampilkan sebagai drop-down list. Jika  diberi nilai 2 atau lebih, pilihan akan ditampilkan  sebagai scroll box. Jika nilai SIZE lebih besar dari  jumlah pilihan yang ada pada <SELECT>, pilihan  kosong akan ditambahkan. Jika user memilih pilihan  ini maka nilainya adalah kosong.
MULTIPLE	Mengizinkan untuk memilih lebih dari satu

                

               4. Tag <INPUT> 

Tag <INPUT> digunakan untuk membuat komponen-komponen yang  digunakan untuk meminta informasi dari user, misalnya kotak teks, kotak  pilihan, tombol dan lain-lain. Tag ini tidak memerlukan tag penutup. Tag ini  mempunyai beberapa atribut, yaitu :

ATRIBUT	KETERANGAN
NAME	Mendefinisikan nama dari objek input. Atribut ini harus  dituliskan kecuali untuk tipe submit dan clear .
SIZE	Menentukan ukuran kotak teks
MAXLENGTH	Menentukan jumlah maksimum karakter yang dapat  dimasukkan pada kotak teks .
VALUE	Untuk kotak teks, menentukan teks yang tertulis. Untuk  check box atau radio, menentukan nilai item yang dipilih.  Untuk Submit dan Reset, menentukan teks yang tertulis  pada tombol .
CHECKED	Hanya digunakan untuk check box atau radio.  Menentukan pilihan yang terpilih secara default.
TYPE	Menentukan tipe input yang dibuat

 

 

Tipe input yang dapat dibuat adalah : 

o Text, digunakan untuk membuat kotak teks 

o Password, digunakan untuk membuat kotak teks, tetapi semua karakter  akan ditampilkan dengan tanda *. 

o Check Box, digunakan untuk membuat suatu daftar pilihan yang dapat  dipilih lebih dari satu. 

         o Radio, digunakan untuk membuat suatu daftar pilihan yang hanya dapat  dipilih satu saja.  

                    o Reset, digunakan untuk membuat tombol yang fungsinya untuk  menghapus semua isian form yang                                 telah diberikan. 

o Submit, digunakan untuk membuat tombol yang fungsinya untuk  mengirimkan data form agar diolah.