Sunday, January 13, 2013

TABEL DAN FORM



Table
Table merupakan suati fasilitas HTML yang memungkinkan sebuah dokumen ditampilkan dalam bentuk baris dan kolom. Penandaan yang digunakan untuk membuat tabel adalah sebagai berikut.

Tabel 2.2 Penandaan Pada Pembuatan Tabel
Tanda
Kegunaan
<table></table>
Merupakan awal pembuatan tabel.
<th></th>
Untuk menampilkan judul pada kolom.
<tr></tr>
Untuk menentukan baris.
<td></td>
Untuk menampilkan data pada tiap sel

Dibawah ini contoh pembuatan tabel yang terdiri dari dua kolom dan tiga baris :

            <table border=”1”>
            <tr>
                        <th> judul kolom 1 </th>
                        <th> judul kolom 2 </th>
            </tr>
            <tr>
                        <td> isi baris 1 kolom 1 </td>
                        <td> isi baris 1 kolom 2 </td>
            </tr>
            <tr>
                        <td> isi baris 2 kolom 1 </td>
                        <td> isi baris 2 kolom 2 </td>
            </tr>
            </table>

    Form
            Form pada sebuah situs web disediakan untuk diisi oleh pemakai, sehingga memungkinkan terjadi komunikasi interaktif antara pemakai dan server. Sebuah form dalam HTML dimulai dngan tanda <form> dan diakhiri dengan </form>.
            Pada sebuah form perlu ditentukan bagaimana dan kemana data yang diisikan pada form akan dikirimkan dari browser ke server. Untuk itu digunakan pernynataan method dan action. Action akan menunjukkan lokasi atau URL yang akan menerima dan mengolah informasi yang diisikan oleh pemakai. Sedangkan method digunakan untuk menetukan metode pengiriman informasi dari form menuju URL yang ditunjuk. Terdapat dua pilihan metode yaitu post dan get.
            Terdapat tiga jenis elemen pada sebuah form, yaitu :
a.       Text area. Biasanya digunakan untuk memasukan informasi yang panjangnya beberapa baris.
b.      Select. Digunakan jika sebuah form akan menyediakan daftar pilihan masukan (input) kepada pemakai, baik dalam bentuk menu pop-up atau menu gulung.
c.       Input. Digunakan untuk menentukan masukan dari user. Terdapat bebrapa tipe masukan yang disediakan oleh HTML, yaitu :

Tabel 2.3 Tipe Masukan Pada Form
Tipe
Kegunaan
Text
Membuat kotak teks yang dapat diisi masukkan berupa string.
Radio
Menampilkan daftar pilihan yang hanya dapat dipilih satu saja.
Checkbox
Menampilkan daftar pilihan yang dapat dipilih beberapa pilihan

dari pilihan yang ada.
Submit
Membuat tombol untuk mengirimkan data yang diisikan.
Reset
Membuat tombol untuk menghapus semua data yang diisikan.



Selain itu terdapat beberapa atribut yang dapat digunakan dalam pembuatan form, yaitu :

Tabel 2.4 Atribut Pada Form

Tipe
Kegunaan
Name
Mendefinisikan nama dari suatu objek.
Size
Menentukan ukuran kotak teks.
Maxlength
Menentukan jumlah maksimum karakter yang dapat

dimasukkan pada kotak teks.
Value
Menentukan label pada kotak teks dan tombol (submit dan

reset) serta pilihan disediakan pada ratio dan checkbox.
Checked
Menentukan pilihan secara default pada radio dan checkbox.
Type
Menentukan tipe input yang dibuat.

No comments:

Post a Comment