1)
Format formulir secara
horisontal
Untuk membuat tampilan dari
sebuah form menjadi lebih tertata dengan rapi, umumnya digunakan elemen HTML
<table> untuk memformat form tersebut. Secara umum layout dari form
adalah layout horizontal, yakni layout dimana setiap input ditempatkan di
samping dari label keterangan masing- masing input tersebut. Berikut ini adalah
contoh dari penggunaan elemen <table> untuk memformat tampilan form secara
horizontal :
|
<html>
<head><title>CONTOH
TAG FORM</title></head>
<body>
<form
method="Post">
<table
border=0 width="75%">
<tr>
<td
width="25%">NPM</td>
<td><INPUT TYPE="TEXT"
Name="NPM" MAXLENGTH="10"
SIZE="11"></td>
</tr>
<tr>
<td width="25%">Nama
Mahasiswa</td>
<td><INPUT TYPE="TEXT"
Name="NamaMHS" MAXLENGTH="25"
SIZE="25"></td>
</tr>
<tr>
<td
width="25%">Alamat</td>
<td><INPUT TYPE="TEXT"
Name="Alamat" MAXLENGTH="50"
SIZE="40"></td>
</tr>
<tr>
<td width="25%">Jenis
Kelamin</td>
<td><INPUT TYPE="RADIO"
Name="Jenkel" CHECKED VALUE="Laki2">Laki-laki
<INPUT TYPE="RADIO"
Name="Jenkel" VALUE="Perempuan">Perempuan
</td>
</tr>
<tr>
<tr>
<td
width="25%">Jurusan</td>
<td><SELECT
Name="Jurusan">
<OPTION
VALUE="KA">Komputer Akuntansi
<OPTION
VALUE="MI">Manajemen Informatika
<OPTION
VALUE="TK">Teknik Komputer
</SELECT>
</td>
</tr>
<tr>
<td
width="25%">Fasilitas</td>
<td><INPUT
TYPE="CHECKBOX">Flash Disk</td>
</tr>
<tr>
<td></td><td><INPUT
TYPE="CHECKBOX">Bakal Baju</td>
</tr>
<tr>
<td></td><td><INPUT
TYPE="CHECKBOX">Bakal Jas</td>
</tr>
<td></td>
<td><INPUT TYPE="SUBMIT"
VALUE="Simpan">
<INPUT TYPE="RESET"
VALUE="Batal">
</td>
</tr>
</table>
</form>
|
