Rabu, 09 Februari 2011

Membuat tabel biodata dengan menggunakan HTML



BIODATA PRIBADI

Nama :
Alamat :
TTL :



Kelamin : laki-laki
Perempuan
Agama :
Hobby : Olahraga Belajar Komputer Musik BerenangLain-lain
Motto :




ini contoh script nya..
 <form action="Latihan-html.html" method="post">
<font size="2"> BIODATA PRIBADI </font><br />
<table>
    <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>-Tanggal-</option>          
                                        <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>-Bulan-</option>
                                        <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>-Tahun-</option>
                                        <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>
  
    <tr>
        <td>Kelamin</td>
        <td>:</td>
        <td><input type="radio" name="Kelamin" value="Laki-laki" />laki-laki
            <input type="radio" name="Kelamin" value="Perempuan" />Perempuan</td>
    </tr>
      
  
    <tr>
        <td>Agama</td>
        <td>:</td>
        <td><select>                    <option>-Agama-</option>
                                        <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"  />Belajar    <input type="checkbox"  />Komputer    <input type="checkbox"  />Musik    <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"> Isikan Motto Anda Disini </textarea></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td><input type="reset" name="reset" />
        <input type="submit" name="submit" /></td>
    </tr>
</table>
</form>

LinkWithin

Related Posts Plugin for WordPress, Blogger...