Form Pendaftaran Autocar Contest









Inilah contoh coding bagi kalian yang lagi mempelajari tentang HTML, maklum masih newbie gan hehe.. jadi harap maklum😅😅




<html>
<head>
<title>Andre Trio</title>
</head>
<body>
<form method="post" action="#" id="test" name="registrasi">
  <table border="0" align="center" bgcolor="gray">
  <tr>
<td colspan="6" align="center" bgcolor="amber" height="30"><b> FORM PENDAFTARAN AUTOCAR CONTEST JAMBI 2017 </b></td>
</tr>
   <tr>
<td colspan="3" align="center" bgcolor="celadon" height="30"> BIODATA DIRI </td>
   </tr>
   
   <tr>
<td height="40">NAMA</td>
<td>:</td>
<td>
<input type="text" name="nama" value="" size="40"></input> 
</td>
   </tr>
   
   <tr>
<td height="40">JENIS KELAMIN</td>
<td>:</td>
<td> 
<input type="radio" name="nama" value="">Laki-Laki</input> 
<input type="radio" name="nama" value="">Perempuan</input> 
</td>
   </tr>
   
   <tr>
    <td rowspan="2">TTL</td>
<td rowspan="2">:</td>
<td>
<input type="text" name="alamat" value=""></input> 
</td>
   </tr>
   <tr>
<td>
<select name="ttl">
<option value="val" selected="selected">1</option>
<option value="val" selected="selected">2</option>
<option value="val" selected="selected">3</option>
<option value="val" selected="selected">4</option>
<option value="val" selected="selected">5</option>
<option value="val" selected="selected">6</option>
<option value="val" selected="selected">7</option>
<option value="val" selected="selected">8</option>
<option value="val" selected="selected">9</option>
<option value="val" selected="selected">10</option>
<option value="val" selected="selected">11</option>
<option value="val" selected="selected">12</option>
<option value="val" selected="selected">13</option>
<option value="val" selected="selected">14</option>
<option value="val" selected="selected">15</option>
<option value="val" selected="selected">16</option>
<option value="val" selected="selected">17</option>
<option value="val" selected="selected">18</option>
<option value="val" selected="selected">19</option>
<option value="val" selected="selected">20</option>
<option value="val" selected="selected">21</option>
<option value="val" selected="selected">22</option>
<option value="val" selected="selected">23</option>
<option value="val" selected="selected">24</option>
<option value="val" selected="selected">25</option>
<option value="val" selected="selected">26</option>
<option value="val" selected="selected">27</option>
<option value="val" selected="selected">28</option>
<option value="val" selected="selected">29</option>
<option value="val" selected="selected">30</option>
<option value="val" selected="selected">31</option>
</select> 
<select name="ttl">
<option value="val" selected="selected">1</option>
<option value="val" selected="selected">2</option>
<option value="val" selected="selected">3</option>
<option value="val" selected="selected">4</option>
<option value="val" selected="selected">5</option>
<option value="val" selected="selected">6</option>
<option value="val" selected="selected">7</option>
<option value="val" selected="selected">8</option>
<option value="val" selected="selected">9</option>
<option value="val" selected="selected">10</option>
<option value="val" selected="selected">11</option>
<option value="val" selected="selected">12</option>
</select>
<select name="ttl">
<option value="val" selected="selected">1980</option>
<option value="val" selected="selected">1981</option>
<option value="val" selected="selected">1982</option>
<option value="val" selected="selected">1983</option>
<option value="val" selected="selected">1984</option>
<option value="val" selected="selected">1985</option>
<option value="val" selected="selected">1986</option>
<option value="val" selected="selected">1987</option>
<option value="val" selected="selected">1988</option>
<option value="val" selected="selected">1989</option>
<option value="val" selected="selected">1990</option>
<option value="val" selected="selected">1991</option>
<option value="val" selected="selected">1992</option>
<option value="val" selected="selected">1993</option>
<option value="val" selected="selected">1994</option>
<option value="val" selected="selected">1995</option>
<option value="val" selected="selected">1996</option>
<option value="val" selected="selected">1997</option>
<option value="val" selected="selected">1998</option>
<option value="val" selected="selected">1999</option>
<option value="val" selected="selected">2000</option>
<option value="val" selected="selected">2001</option>
<option value="val" selected="selected">2002</option>
<option value="val" selected="selected">2003</option>
<option value="val" selected="selected">2004</option>
<option value="val" selected="selected">2005</option>
<option value="val" selected="selected">2006</option>
<option value="val" selected="selected">2007</option>
<option value="val" selected="selected">2008</option>
<option value="val" selected="selected">2009</option>
<option value="val" selected="selected">2010</option>
<option value="val" selected="selected">2011</option>
<option value="val" selected="selected">2012</option>
<option value="val" selected="selected">2013</option>
</select>
</td>
   </tr>
   <tr>
<td height="40">UMUR</td>
<td>:</td>
<td>
<input type="text" name="umur" value="" size="1"> Tahun</input> 
</td>
   </tr>
   <tr>
<td height="40">NAMA KOMUNITAS</td>
<td>:</td>
<td>
<input type="text" name="nama komunitas" value="" ></input> 
</td>
   </tr>
   <tr>
<td height="40">NO. SIM</td>
<td>:</td>
<td>
<input type="text" name="no.sim" value="" ></input> 
</td>
   </tr>
   <tr>
    <td height="40">ALAMAT</td>
<td>:</td>
<td>
<input type="text" name="alamat" value="" size="40"></input> 
</td>
   </tr>
   <tr>
<td height="40">No.TELEPON/HP</td>
<td>:</td>
<td>
<input type="text" name="no.tlp" value=""></input> 
</td>
   </tr>
   <tr>
    <td colspan="4" align="center" bgcolor="celadon" height="30"> KATEGORI CONTEST </td>
   </tr>
   <tr>
    <td colspan="4" bgcolor="gray">
<input type="radio" name="nama" value=""> Too Damn Low </input> <br /><br />
<input type="radio" name="nama" value=""> Road Scrapper </input> <br /><br />
<input type="radio" name="nama" value=""> The Best Interior - Extreme </input> <br /><br />
<input type="radio" name="nama" value=""> The Best Interior - Racing </input> <br /><br />
<input type="radio" name="nama" value=""> The Best Cutting Sticker </input> <br /><br />
<input type="radio" name="nama" value=""> The Coolest Rims </input> <br /><br />
<input type="radio" name="nama" value=""> Motorized Master </input> <br /><br />
<input type="radio" name="nama" value=""> Best Custom Bodykit </input> <br /><br />
<input type="radio" name="nama" value=""> Hottest Engine Bay </input> <br /><br />
<input type="radio" name="nama" value=""> Hottest Car Display </input> <br /><br />
</td>
   </tr>
<table border="0" align="center" bgcolor="navy" width="484">
<tr>
<td align="center" bgcolor="celadon" height="30">PRESTASI CONTEST AUTOCAR YANG PERNAH DIRAIH</td>
</tr>
   <tr>
<td align="left"> <textarea  placeholder="Isi Kan text disini" name="test" rows="5" cols="65"></textarea></td>
   </tr>
   <tr>
<td colspan="3" align="center" bgcolor="celadon"><input type="submit" name="ok" value="Simpan" /> <input type="reset" name="batal" value="Batal" /></td>
   </tr>
</table>
  </table>
 </form>
</body>
</html>






*Silahkan Mencoba, Semoga Bermanfaat.. Terimakasih*
*Ini Contoh*

0 komentar: