Membuat Form Keterangan dengan HTML

Saya akan membrikan sebuah latihan sederhana yaitu membuat form keterangan dengan html, ini akan mudah menyelesaikan tugas sekolah atau kuliah. Caranya cukup buka notepad++ saja lalu buatlah formnya seperti gambar berikut.


Adapun saya sediakan scriptnya, jika sudah jadi formnya seperti gambar diatas, silahkan bisa dikreasikan sediri menurut sepengetahuan dan pengalaman.

<html>

<head>

<title>Keterangan Pendidikan dan Tempat Tinggal</title>

<hi><left><font color=red>Keterangan Pendidikan dan Tempat Tinggal</color></left></hi>

<hr size="1px">

</head>

<body>

<form action"keterangan.html"method="get">

<table>

<tr>

<td>No Pendaftaran</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="30"></td>

</tr>

<tr>

<td>Asal Sekolah</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="30"></td>

</tr>

<tr>

<td>Lama Belajar</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="10"></td>

</tr>

<tr>

<td>No Ijazah SLTP</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="30"></td>

<td>Tahun</td><Td></td>

<td><SELECT NAME="Tahun"SIZE="1">

<option>2000</option>

<option>2001</option>

<option>2002</option>

<option>2003</option>

<option>2004</option>

<option>2005</option>

<option>2006</option>

<option>2007</option>

</ul>

</select></td>

</tr>

<tr>

<td>No SKHUN</td><Td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="30"></td>

<td>Tahun</td><Td></td><td><SELECT NAME="Tahun"SIZE="1">

<option>2000</option>

<option>2001</option>

<option>2002</option>

<option>2003</option>

<option>2004</option>

<option>2005</option>

<option>2006</option>

<option>2007</option>

</ul>

</select></td>

</tr>

<tr>

<td>Nilai Pada SKHUN</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="10"></td>

</tr>

<tr>

<td>Tinggal Bersama</td><td></td>

<td>

<INPUT TYPE="Radio"NAME="Status"VALUE="Ayah&Ibu">Ayah&Ibu

<INPUT TYPE="Radio"NAME="Status"VALUE="Ayah">Ayah

<INPUT TYPE="Radio"NAME="Status"VALUE="Ibu">Ibu

<INPUT TYPE="Radio"NAME="Status"VALUE="Saudara">Saudara

<INPUT TYPE="Radio"NAME="Status"VALUE="Kontrak/Kost">Kontrak/Kost

</tr>

<tr>

<td>Alamat Tinggal</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="40"></td>

</tr>

<tr>

<td>Desa Kelurahan</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="35"></td>

</tr>

<tr>

<td>Kecamatan</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="35"></td>

</tr>

<tr>

<td>Kabupaten/Kota</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="35"></td>

</tr>

<tr>

<td>Kode Pos</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="25"></td>

</tr>

<tr>

<td>Jarak Dari Rumah</td><td></td>

<td><INPUT TYPE="Text"Name="varNodaftar"SIZE="20"></td>

<td>Km</td><td>

</tr>

<tr>

 <td colspan="2">&nbsp;</td>

      <td ><input type="submit" value="Simpan dan Lanjut" /> </td>

      </tr>

  </table>

</form>



Silahkan dicoba dan dimohon perhatikan baik-baik script htmlnya.


Next
Previous
Click here for Comments

0 komentar: