Membuat Tabel Biodata menggunakan HTML

Membuat Tabel Biodata menggunakan HTML

OK. Ini Contohnya :


BIODATA PRIBADI

Nama:
Alamat:
TTL:

Kelamin:
laki-laki
Perempuan
Agama:
Hobby:
Olahraga Game Musik
Belajar Komputer Berenang
Lain-lain
Motto:



Ini Script-nya :
<form action="Latihan-html.html" method="post">
<font size="2"> BIODATA PRIBADI </font><br />
<table><tbody>
 <tr><td>Nama</td><td>: </td><td><input size="20" type="text" /></td></tr>
 <tr><td>Alamat</td><td>:</td><td><input size="45" type="text" /></td></tr>
 <tr><td>TTL</td><td>:</td><td>
<input size="20" type="text" />
  <select> <option>01</option>
    <option>02</option>
    <option>03</option>
    <option>04</option>
    <option>05</option>
    <option>06</option>
    <option>07</option>
    <option>08</option>
    <option>09</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
    <option>13</option>
    <option>14</option>
    <option>15</option>
    <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
    <option>22</option>
    <option>23</option>
    <option>24</option>
    <option>25</option>
    <option>26</option>
    <option>27</option>
    <option>28</option>
    <option>29</option>
    <option>30</option>
    <option>31</option></select>
  <select>
    <option>January</option>
    <option>February</option>
    <option>Maret</option>
    <option>April</option>
    <option>Mey</option>
    <option>Juni</option>
    <option>Juli</option>
    <option>Agustus</option>
    <option>September</option>
    <option>Oktober</option>
    <option>November</option>
    <option>Desember</option></select>
  <select>
    <option>2011</option>
    <option>2010</option>
    <option>2009</option>
    <option>2008</option>
    <option>2007</option>
    <option>2006</option>
    <option>2005</option>
    <option>2004</option>
    <option>2003</option>
    <option>2002</option>
    <option>2001</option>
    <option>2000</option>
    <option>1999</option>
    <option>1998</option>
    <option>1997</option>
    <option>1996</option>
    <option>1995</option>
    <option>1994</option>
    <option>1993</option>
    <option>1992</option>
    <option>1991</option>
    <option>1990</option></select>
 </td></tr>
</tbody></table>
<table><tbody>
 <tr> <td>Kelamin</td><td>:</td><td>
<input name="Kelamin" type="radio" value="Laki-laki" />laki-laki
<input name="Kelamin" type="radio" value="Perempuan" />Perempuan</td>     </tr>
 <tr> <td>Agama</td><td>:</td><td>
<select>
    <option>Islam</option>
    <option>Kristen</option>
    <option>Budha</option>
    <option>Hindu</option></select>
 </td></tr>
 <tr><td>Hobby</td><td>:</td> <td>
<input type="checkbox" />Olahraga <input type="checkbox" />Game  <input type="checkbox" />Musik
<input type="checkbox" />Belajar <input type="checkbox" />Komputer <input type="checkbox" />Berenang
<input type="checkbox" />Lain-lain</td></tr>
 <tr><td valign="top">Motto</td><td valign="top">:</td> <td><textarea cols="20" rows="4" style="height: 85px; width: 172px;">Isikan Motto Anda Disini</textarea></td></tr>
 <tr><td colspan="2"></td>  <td>
<input name="Reset" type="reset" />
<input name="SUBMIT" type="submit" /></td></tr>
</tbody></table>

Tidak ada komentar:

Posting Komentar