Page 136 - Pemrograman-Web-Semester1
P. 136
PEMROGRAMAN WEB SEMESTER 1
20. Kegiatan Belajar 20: Pemformatan form
a. Tujuan Pembelajaran.
Setelah mengikuti kegiatan belajar 20 diharapkan peserta didik dapat:
1) Memahami format dari sebuah form
2) Menerapkan elemen HTML tabel untuk memformat form
b. Uraian materi.
1) Format form secara horizontal
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
122 | P a g e
