MEMBUAT FORMULIR MENGGUNAKAN HTML
Ok sob langsung aja,pada postingan kali ini saya akan mencoba untuk memposting bagaimana cara membuat formulir menggunakan HTML. Nah disini saya mengambil formulir pendaftaran E-KTP. Untuk tampilannya sobat bisa lihat gambar dibawah ini;
Pada Maksudnya untuk memberikan spasi atau jarak
"checkbox" sebagai kode atau tanda untuk mengklik dengan isi centang dalam bentuk kotak
Untuk lebih lengkap source codenya adalah sebagai berikut;
Sedikit penjelasan source:
"checkbox" sebagai kode atau tanda untuk mengklik dengan isi centang dalam bentuk kotak
"radio" sebagai kode atau tanda untuk mengklik dengan isi lingkaran hitam dalam bentuk bulat
Untuk lebih lengkap source codenya adalah sebagai berikut;
<html>
<head>
<title>Evalusi2</title>
</head>
<body>
<table align="center" border="1" cellpadding="2" cellspacing="2" height="256">
<tr>
<td><table style="width: 600px; height: 734px;" align="center" border="0" cellpadding="15">
<tr>
<th style="height: 100px;" colspan="3" bgcolor="gray"> <font color="white" size="5">FORM PENDAFTARAN E-KTP</font></th>
</tr>
<tr>
<td>Nomor Pendaftaran</td>
<td>: <input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text">
<input size="4" type="text"> </td>
</tr>
<tr>
<td>Nama</td>
<td>: <input type="text"></td>
</tr>
<tr>
<td>Tempat, Tanggal lahir</td>
<td>: Tempat<input name="Tempat" size="7" type="text">
Tanggal lahir<input name="Tanggal lahir" size="4" type="date"/> </td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>: <input name="Pekerjaan" type="text"></td>
</tr>
<tr>
<td>Status Pernikahan</td>
<td>: <input name="Status Pernikahan" type="checkbox">Menikah
<input name="Status Pernikahan" type="checkbox">Belum Menikah
<input name="Status Pernikahan" type="checkbox">Janda
<input name="Status Pernikahan" type="checkbox">Duda</td>
</tr>
<tr>
<td>Alamat</td>
<td>: <textarea name="Alamat"></textarea></td>
</tr>
<tr>
<td>Agama</td>
<td>: <select name="Agama">
<option>Islam</option>
<option>Kristen</option>
<option>Katolik</option>
<option>Hindu</option>
<option>Budha</option></select></td>
</tr>
<tr>
<td>Rt/Rw</td>
<td>: Rt<input name="Rt" type="text" size="10">
Rw<input name="Rw" type="text" size="10"> </td>
</tr>
<tr>
<td>Kelurahan</td>
<td>: <input name="Keluruhan" type="text" size="10">
</tr>
<tr>
<td>Kecamatan</td>
<td>: <input name="Kecamatan" type="text" size="10">
</tr>
<tr>
<td>Kabupaten</td>
<td>: <input name="Kabupaten" type="text" size="10">
</tr>
<tr>
<td>Provinsi</td>
<td>: <input name="Provinsi" type="text" size="10">
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>: <input name="Jenis Kelamin" type="radio">Pria
<input name="Jenis Kelamin" type="radio">Wanita </td>
</tr>
<tr>
<td>Tanggal Pendaftaran</td>
<td>: Tanggal<input name="Tanggal" type="text" size="10">
Bulan<input name="Bulan" type="text" size="10"> </td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Daftar"><input type="reset" value="Cancel"></td>
</tr>
</table>
</body>
</html>
Komentar
Posting Komentar