Tampilan Form Registrasi
Coding HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Form Registrasi</title>
</head>
<body background="gambar4.jpg">
<h1><font size="13"><span style="color:blue">Form Registrasi Murid Baru</span></font></h1>
<br />
<fieldset>
<legend><b>Data Calon Siswa Baru</b></legend>
<table class="form" width="100%">
<tr>
<td class="form" width="25%">Nama Lengkap</td>
<td class="form" width="75%"><input type="text" name="onama" size="40" id="onama"
class="required" title="Nama lengkap harus diisi" /></td>
</tr>
<tr>
<td class="form">Jenis Kelamin</td>
<td class="form">
<input type="radio" name="ojk" value="L" id="ojk"
class="required" title="Jenis Kelamin harus diisi" />Laki-laki
<input type="radio" name="ojk" value="P" id="ojk" />Perempuan
</td>
</tr>
<tr>
<td class="form">Tempat Lahir</td>
<td class="form"><input type="text" name="otempatlahir" size="40" id="otempatlahir"
class="required" title="Tempat lahir harus diisi" /></td>
</tr>
<tr>
<td class="form">Tanggal Lahir</td>
<td class="form">
<select name="otanggallahir">
<option value='01'>1</option><option value='02'>2</option><option value='03'>3</option><option value='04'>4</option><option value='05'>5</option><option value='06'>6</option><option value='07'>7</option><option value='08'>8</option><option value='09'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option><option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option><option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option><option value='29'>29</option><option value='30'>30</option><option value='31'>31</option> </select>
<select name="obulanlahir">
<option value='01'>Jan</option>
<option value='02'>Feb</option>
<option value='03'>Mar</option>
<option value='04'>Apr</option>
<option value='05'>Mei</option>
<option value='06'>Jun</option>
<option value='07'>Jul</option>
<option value='08'>Agu</option>
<option value='09'>Sep</option>
<option value='10'>Okt</option>
<option value='11'>Nov</option>
<option value='12'>Des</option>
</select>
<select name="otahunlahir">
<option value='1980'>1980</option><option value='1981'>1981</option><option value='1982'>1982</option><option value='1983'>1983</option><option value='1984'>1984</option><option value='1985'>1985</option><option value='1986'>1986</option><option value='1987'>1987</option><option value='1988'>1988</option><option value='1989'>1989</option><option value='1990'>1990</option><option value='1991'>1991</option><option value='1992'>1992</option><option value='1993'>1993</option><option value='1994'>1994</option><option value='1995'>1995</option><option value='1996'>1996</option><option value='1997'>1997</option><option value='1998'>1998</option><option value='1999'>1999</option><option value='2000'>2000</option><option value='2001'>2001</option><option value='2002'>2002</option><option value='2003'>2003</option><option value='2004'>2004</option><option value='2005'>2005</option><option value='2006'>2006</option><option value='2007'>2007</option><option value='2008'>2008</option><option value='2009'>2009</option><option value='2010'>2010</option><option value='2011'>2011</option><option value='2012'>2012</option> </select>
</td>
</tr>
<tr>
<td class="form">Agama</td>
<td class="form">
<input type="radio" name="oagama" value="I" id="oagama"
class="required" title="Agama harus dipilih" />Islam
<input type="radio" name="oagama" value="K" id="oagama" />Katholik
<input type="radio" name="oagama" value="P" id="oagama" />Kristen
<input type="radio" name="oagama" value="B" id="oagama" />Budha
<input type="radio" name="oagama" value="H" id="oagama" />Hindu
<input type="radio" name="oagama" value="L" id="oagama" />Lainnya
</td>
</tr>
<tr>
<td class="form" width="25%">Golongan Darah</td>
<td class="form" width="75%"><input type="text" name="ogoldar" size="2" id="ogoldar"
class="required" title="Golongan darah harus diisi" /></td>
</tr>
<tr>
<td class="form">Alamat Lengkap</td>
<td class="form"><input type="text" name="oalamattetap" size="50" id="oalamatlengkap"
class="required" title="Alamat harus diisi" /></td>
</tr>
<tr>
<td class="form" width="25%">Kecamatan</td>
<td class="form" width="75%"><input type="text" name="okecamatan" size="20" id="okecamatan"
class="required" title="Kecamatan harus diisi" /></td>
</tr>
<tr>
<td class="form" width="25%">Kabupaten</td>
<td class="form" width="75%"><input type="text" name="okabupaten" size="20" id="okabupaten"
class="required" title="Kelurahan harus diisi" /></td>
</tr>
<tr>
<td class="form" width="25%">Propinsi</td>
<td class="form" width="75%"><input type="text" name="opropinsi" size="20" id="okelurahan"
class="required" title="Kelurahan harus diisi" /></td>
</tr>
<tr>
<td class="form" width="25%">Kode Pos</td>
<td class="form" width="75%"><input type="text" name="okodepos" size="2" id="okodepos"
class="required" title="Kode pos harus diisi" /></td>
</tr>
<tr>
<td class="form">No HP</td>
<td class="form"><input type="text" name="ohp" size="30" id="ohp"
class="required" title="Handphone harus diisi" /></td>
</tr>
<tr>
<td class="form">Email</td>
<td class="form"><input type="text" name="oemail" size="30" id="oemail"
class="required email" title="Email harus diisi" /></td>
</tr>
<tr>
<td class="form">Nomor Induk Siswa</td>
<td class="form"><input type="text" name="onis" size="20" id="onis"
class="required" title="Nomor Induk Siswa harus diisi" /></td>
</tr>
<tr>
<td class="form">Asal Sekolah</td>
<td class="form"><input type="text" name="oasalsekolah" size="40" id="oasalsekolah"
class="required" title="Asal sekolah harus diisi" /></td>
</tr>
<tr>
<td class="form">Alamat Sekolah</td>
<td class="form"><input type="text" name="oalamatsekolah" size="50" id="oalamatsekolah"
class="required" title="Alamat sekolah harus diisi" /></td>
</tr>
</tr>
</table>
</fieldset>
</body>
</html>
EmoticonEmoticon