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